#BC7E00 - #FF9CE7 | 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 #BC7E00 to #FF9CE7

#BC7E00 #FF9CE7

Calculate the color between two colors, #BC7E00 and #FF9CE7. 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)

#BC7E00 - #FF9CE7 | 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 #BC7E00 as 0% and #FF9CE7 as 100%.

0.0%	0.0% #BC7E00	RGB 188 126 0	#BC7E00
16.7%	16.7% #C78326	RGB 199 131 38	#C78326
33.3%	33.3% #D2884D	RGB 210 136 77	#D2884D
50.0%	50.0% #DD8D73	RGB 221 141 115	#DD8D73
66.7%	66.7% #E8929A	RGB 232 146 154	#E8929A
83.3%	83.3% #F397C0	RGB 243 151 192	#F397C0
100.0%	100.0% #FF9CE7	RGB 255 156 231	#FF9CE7

#BC7E00 #C78326 #D2884D #DD8D73 #E8929A #F397C0 #FF9CE7

#BC7E00 - #FF9CE7

HSV Blend

#BC7E00 - #FF9CE7 | 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 #BC7E00 as 0% and #FF9CE7 as 100%.

0.0%	0.0% #BC7E00	RGB 188 126 0	#BC7E00
16.7%	16.7% #C76114	RGB 199 97 20	#C76114
33.3%	33.3% #D24B2A	RGB 210 75 42	#D24B2A
50.0%	50.0% #DD434A	RGB 221 67 74	#DD434A
66.7%	66.7% #E85E85	RGB 232 94 133	#E85E85
83.3%	83.3% #F37CBA	RGB 243 124 186	#F37CBA
100.0%	100.0% #FF9CE7	RGB 255 156 231	#FF9CE7

#BC7E00 #C76114 #D24B2A #DD434A #E85E85 #F37CBA #FF9CE7

#BC7E00 - #DD434A - #FF9CE7

CSS codes

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

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