#ECE6D2 - #CEB581 | 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 #ECE6D2 to #CEB581

#ECE6D2 #CEB581

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

#ECE6D2 - #CEB581 | 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 #ECE6D2 as 0% and #CEB581 as 100%.

0.0%	0.0% #ECE6D2	RGB 236 230 210	#ECE6D2
16.7%	16.7% #E7DDC4	RGB 231 221 196	#E7DDC4
33.3%	33.3% #E2D5B7	RGB 226 213 183	#E2D5B7
50.0%	50.0% #DDCDA9	RGB 221 205 169	#DDCDA9
66.7%	66.7% #D8C59C	RGB 216 197 156	#D8C59C
83.3%	83.3% #D3BD8E	RGB 211 189 142	#D3BD8E
100.0%	100.0% #CEB581	RGB 206 181 129	#CEB581

#ECE6D2 #E7DDC4 #E2D5B7 #DDCDA9 #D8C59C #D3BD8E #CEB581

#ECE6D2 - #CEB581

HSV Blend

#ECE6D2 - #CEB581 | 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 #ECE6D2 as 0% and #CEB581 as 100%.

0.0%	0.0% #ECE6D2	RGB 236 230 210	#ECE6D2
16.7%	16.7% #E7DEC3	RGB 231 222 195	#E7DEC3
33.3%	33.3% #E2D6B5	RGB 226 214 181	#E2D6B5
50.0%	50.0% #DDCEA7	RGB 221 206 167	#DDCEA7
66.7%	66.7% #D8C59A	RGB 216 197 154	#D8C59A
83.3%	83.3% #D3BD8D	RGB 211 189 141	#D3BD8D
100.0%	100.0% #CEB581	RGB 206 181 129	#CEB581

#ECE6D2 #E7DEC3 #E2D6B5 #DDCEA7 #D8C59A #D3BD8D #CEB581

#ECE6D2 - #DDCEA7 - #CEB581

CSS codes

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

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