#ECE7CC - #C4C379 | 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 #ECE7CC to #C4C379

#ECE7CC #C4C379

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

#ECE7CC - #C4C379 | 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 #ECE7CC as 0% and #C4C379 as 100%.

0.0%	0.0% #ECE7CC	RGB 236 231 204	#ECE7CC
16.7%	16.7% #E5E1BE	RGB 229 225 190	#E5E1BE
33.3%	33.3% #DEDBB0	RGB 222 219 176	#DEDBB0
50.0%	50.0% #D8D5A2	RGB 216 213 162	#D8D5A2
66.7%	66.7% #D1CF94	RGB 209 207 148	#D1CF94
83.3%	83.3% #CAC986	RGB 202 201 134	#CAC986
100.0%	100.0% #C4C379	RGB 196 195 121	#C4C379

#ECE7CC #E5E1BE #DEDBB0 #D8D5A2 #D1CF94 #CAC986 #C4C379

#ECE7CC - #C4C379

HSV Blend

#ECE7CC - #C4C379 | 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 #ECE7CC as 0% and #C4C379 as 100%.

0.0%	0.0% #ECE7CC	RGB 236 231 204	#ECE7CC
16.7%	16.7% #E5DFBC	RGB 229 223 188	#E5DFBC
33.3%	33.3% #DED9AE	RGB 222 217 174	#DED9AE
50.0%	50.0% #D8D3A0	RGB 216 211 160	#D8D3A0
66.7%	66.7% #D1CD92	RGB 209 205 146	#D1CD92
83.3%	83.3% #CAC885	RGB 202 200 133	#CAC885
100.0%	100.0% #C4C379	RGB 196 195 121	#C4C379

#ECE7CC #E5DFBC #DED9AE #D8D3A0 #D1CD92 #CAC885 #C4C379

#ECE7CC - #D8D3A0 - #C4C379

CSS codes

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

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