#ECE4C0 - #CEB46B | 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 #CEB46B

#ECE4C0 #CEB46B

Calculate the color between two colors, #ECE4C0 and #CEB46B. 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 - #CEB46B | 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 #CEB46B as 100%.

0.0%	0.0% #ECE4C0	RGB 236 228 192	#ECE4C0
16.7%	16.7% #E7DCB1	RGB 231 220 177	#E7DCB1
33.3%	33.3% #E2D4A3	RGB 226 212 163	#E2D4A3
50.0%	50.0% #DDCC95	RGB 221 204 149	#DDCC95
66.7%	66.7% #D8C487	RGB 216 196 135	#D8C487
83.3%	83.3% #D3BC79	RGB 211 188 121	#D3BC79
100.0%	100.0% #CEB46B	RGB 206 180 107	#CEB46B

#ECE4C0 #E7DCB1 #E2D4A3 #DDCC95 #D8C487 #D3BC79 #CEB46B

#ECE4C0 - #CEB46B

HSV Blend

#ECE4C0 - #CEB46B | 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 #CEB46B 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% #D8C485	RGB 216 196 133	#D8C485
83.3%	83.3% #D3BC77	RGB 211 188 119	#D3BC77
100.0%	100.0% #CEB46B	RGB 206 180 107	#CEB46B

#ECE4C0 #E7DCB0 #E2D4A1 #DDCC93 #D8C485 #D3BC77 #CEB46B

#ECE4C0 - #DDCC93 - #CEB46B

CSS codes

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

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