#CF9F3E - #FFD65F | 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 #CF9F3E to #FFD65F

#CF9F3E #FFD65F

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

#CF9F3E - #FFD65F | 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 #CF9F3E as 0% and #FFD65F as 100%.

0.0%	0.0% #CF9F3E	RGB 207 159 62	#CF9F3E
16.7%	16.7% #D7A843	RGB 215 168 67	#D7A843
33.3%	33.3% #DFB149	RGB 223 177 73	#DFB149
50.0%	50.0% #E7BA4E	RGB 231 186 78	#E7BA4E
66.7%	66.7% #EFC354	RGB 239 195 84	#EFC354
83.3%	83.3% #F7CC59	RGB 247 204 89	#F7CC59
100.0%	100.0% #FFD65F	RGB 255 214 95	#FFD65F

#CF9F3E #D7A843 #DFB149 #E7BA4E #EFC354 #F7CC59 #FFD65F

#CF9F3E - #FFD65F

HSV Blend

#CF9F3E - #FFD65F | 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 #CF9F3E as 0% and #FFD65F as 100%.

0.0%	0.0% #CF9F3E	RGB 207 159 62	#CF9F3E
16.7%	16.7% #D7A743	RGB 215 167 67	#D7A743
33.3%	33.3% #DFB048	RGB 223 176 72	#DFB048
50.0%	50.0% #E7B94D	RGB 231 185 77	#E7B94D
66.7%	66.7% #EFC353	RGB 239 195 83	#EFC353
83.3%	83.3% #F7CC59	RGB 247 204 89	#F7CC59
100.0%	100.0% #FFD65F	RGB 255 214 95	#FFD65F

#CF9F3E #D7A743 #DFB048 #E7B94D #EFC353 #F7CC59 #FFD65F

#CF9F3E - #E7B94D - #FFD65F

CSS codes

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

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