#BC7D3E - #FF71B7 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #BC7D3E to #FF71B7

#BC7D3E #FF71B7

Calculate the color between two colors, #BC7D3E and #FF71B7. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#BC7D3E - #FF71B7 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #BC7D3E as 0% and #FF71B7 as 100%.

0.0%	0.0% #BC7D3E	RGB 188 125 62	#BC7D3E
16.7%	16.7% #C77B52	RGB 199 123 82	#C77B52
33.3%	33.3% #D27966	RGB 210 121 102	#D27966
50.0%	50.0% #DD777A	RGB 221 119 122	#DD777A
66.7%	66.7% #E8758E	RGB 232 117 142	#E8758E
83.3%	83.3% #F373A2	RGB 243 115 162	#F373A2
100.0%	100.0% #FF71B7	RGB 255 113 183	#FF71B7

#BC7D3E #C77B52 #D27966 #DD777A #E8758E #F373A2 #FF71B7

#BC7D3E - #FF71B7

HSV Blend

#BC7D3E - #FF71B7 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #BC7D3E as 0% and #FF71B7 as 100%.

0.0%	0.0% #BC7D3E	RGB 188 125 62	#BC7D3E
16.7%	16.7% #C77045	RGB 199 112 69	#C77045
33.3%	33.3% #D2634D	RGB 210 99 77	#D2634D
50.0%	50.0% #DD5655	RGB 221 86 85	#DD5655
66.7%	66.7% #E85E74	RGB 232 94 116	#E85E74
83.3%	83.3% #F36795	RGB 243 103 149	#F36795
100.0%	100.0% #FF71B7	RGB 255 113 183	#FF71B7

#BC7D3E #C77045 #D2634D #DD5655 #E85E74 #F36795 #FF71B7

#BC7D3E - #DD5655 - #FF71B7

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #BC7D3E 0%, #FF71B7 100%);
    background: -webkit-linear-gradient(top, #BC7D3E 0%, #FF71B7 100%);
    background: linear-gradient(to bottom, #BC7D3E 0%, #FF71B7 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BC7D3E 0%, #DD5655 50%, #FF71B7 100%);
    background: -webkit-linear-gradient(top, #BC7D3E 0%, #DD5655 50%, #FF71B7 100%);
    background: linear-gradient(to bottom, #BC7D3E 0%, #DD5655 50%, #FF71B7 100%);
}
</style>