#ECE4C0 - #CEB36B | 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 #ECE4C0 to #CEB36B

#ECE4C0 #CEB36B

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

#ECE4C0 - #CEB36B | 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 #ECE4C0 as 0% and #CEB36B as 100%.

0.0%	0.0% #ECE4C0	RGB 236 228 192	#ECE4C0
16.7%	16.7% #E7DBB1	RGB 231 219 177	#E7DBB1
33.3%	33.3% #E2D3A3	RGB 226 211 163	#E2D3A3
50.0%	50.0% #DDCB95	RGB 221 203 149	#DDCB95
66.7%	66.7% #D8C387	RGB 216 195 135	#D8C387
83.3%	83.3% #D3BB79	RGB 211 187 121	#D3BB79
100.0%	100.0% #CEB36B	RGB 206 179 107	#CEB36B

#ECE4C0 #E7DBB1 #E2D3A3 #DDCB95 #D8C387 #D3BB79 #CEB36B

#ECE4C0 - #CEB36B

HSV Blend

#ECE4C0 - #CEB36B | 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 #ECE4C0 as 0% and #CEB36B as 100%.

0.0%	0.0% #ECE4C0	RGB 236 228 192	#ECE4C0
16.7%	16.7% #E7DCB0	RGB 231 220 176	#E7DCB0
33.3%	33.3% #E2D4A1	RGB 226 212 161	#E2D4A1
50.0%	50.0% #DDCC93	RGB 221 204 147	#DDCC93
66.7%	66.7% #D8C385	RGB 216 195 133	#D8C385
83.3%	83.3% #D3BB77	RGB 211 187 119	#D3BB77
100.0%	100.0% #CEB36B	RGB 206 179 107	#CEB36B

#ECE4C0 #E7DCB0 #E2D4A1 #DDCC93 #D8C385 #D3BB77 #CEB36B

#ECE4C0 - #DDCC93 - #CEB36B

CSS codes

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

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