#ECBE6B - #CF7F22 | 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 #ECBE6B to #CF7F22

#ECBE6B #CF7F22

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

#ECBE6B - #CF7F22 | 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 #ECBE6B as 0% and #CF7F22 as 100%.

0.0%	0.0% #ECBE6B	RGB 236 190 107	#ECBE6B
16.7%	16.7% #E7B35E	RGB 231 179 94	#E7B35E
33.3%	33.3% #E2A952	RGB 226 169 82	#E2A952
50.0%	50.0% #DD9E46	RGB 221 158 70	#DD9E46
66.7%	66.7% #D8943A	RGB 216 148 58	#D8943A
83.3%	83.3% #D3892E	RGB 211 137 46	#D3892E
100.0%	100.0% #CF7F22	RGB 207 127 34	#CF7F22

#ECBE6B #E7B35E #E2A952 #DD9E46 #D8943A #D3892E #CF7F22

#ECBE6B - #CF7F22

HSV Blend

#ECBE6B - #CF7F22 | 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 #ECBE6B as 0% and #CF7F22 as 100%.

0.0%	0.0% #ECBE6B	RGB 236 190 107	#ECBE6B
16.7%	16.7% #E7B35D	RGB 231 179 93	#E7B35D
33.3%	33.3% #E2A950	RGB 226 169 80	#E2A950
50.0%	50.0% #DD9E44	RGB 221 158 68	#DD9E44
66.7%	66.7% #D89438	RGB 216 148 56	#D89438
83.3%	83.3% #D3892D	RGB 211 137 45	#D3892D
100.0%	100.0% #CF7F22	RGB 207 127 34	#CF7F22

#ECBE6B #E7B35D #E2A950 #DD9E44 #D89438 #D3892D #CF7F22

#ECBE6B - #DD9E44 - #CF7F22

CSS codes

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

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