<div class="hexagon-holder">
    <svg x="0px" y="0px" viewBox="0 0 423.5 333.5"
         xml:space="preserve">
        <style type="text/css">
            .st0{fill:url(#SVG1);}
        </style>
            <defs>
                <linearGradient id="SVG1" gradientUnits="userSpaceOnUse" x1="0" y1="166.7665" x2="423.5064" y2="166.7665">
                    <stop  offset="0" style="stop-color:#FF6F00"/>
                    <stop  offset="1" style="stop-color:#FF8F00"/>
                </linearGradient>
            </defs>
            <polygon class="st0" points="0,116.5 0,217 209.2,333.5 423.5,217 423.5,116.5 211.8,0 "/>
    </svg>
</div>