#CEA200 - #ECB877 | 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 #CEA200 to #ECB877

#CEA200 #ECB877

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

#CEA200 - #ECB877 | 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 #CEA200 as 0% and #ECB877 as 100%.

0.0%	0.0% #CEA200	RGB 206 162 0	#CEA200
16.7%	16.7% #D3A513	RGB 211 165 19	#D3A513
33.3%	33.3% #D8A927	RGB 216 169 39	#D8A927
50.0%	50.0% #DDAD3B	RGB 221 173 59	#DDAD3B
66.7%	66.7% #E2B04F	RGB 226 176 79	#E2B04F
83.3%	83.3% #E7B463	RGB 231 180 99	#E7B463
100.0%	100.0% #ECB877	RGB 236 184 119	#ECB877

#CEA200 #D3A513 #D8A927 #DDAD3B #E2B04F #E7B463 #ECB877

#CEA200 - #ECB877

HSV Blend

#CEA200 - #ECB877 | 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 #CEA200 as 0% and #ECB877 as 100%.

0.0%	0.0% #CEA200	RGB 206 162 0	#CEA200
16.7%	16.7% #D3A211	RGB 211 162 17	#D3A211
33.3%	33.3% #D8A324	RGB 216 163 36	#D8A324
50.0%	50.0% #DDA637	RGB 221 166 55	#DDA637
66.7%	66.7% #E2AA4B	RGB 226 170 75	#E2AA4B
83.3%	83.3% #E7B061	RGB 231 176 97	#E7B061
100.0%	100.0% #ECB877	RGB 236 184 119	#ECB877

#CEA200 #D3A211 #D8A324 #DDA637 #E2AA4B #E7B061 #ECB877

#CEA200 - #DDA637 - #ECB877

CSS codes

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

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