#ECE7E2 - #C0B496 | 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 #ECE7E2 to #C0B496

#ECE7E2 #C0B496

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

#ECE7E2 - #C0B496 | 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 #ECE7E2 as 0% and #C0B496 as 100%.

0.0%	0.0% #ECE7E2	RGB 236 231 226	#ECE7E2
16.7%	16.7% #E4DED5	RGB 228 222 213	#E4DED5
33.3%	33.3% #DDD6C8	RGB 221 214 200	#DDD6C8
50.0%	50.0% #D6CDBC	RGB 214 205 188	#D6CDBC
66.7%	66.7% #CEC5AF	RGB 206 197 175	#CEC5AF
83.3%	83.3% #C7BCA2	RGB 199 188 162	#C7BCA2
100.0%	100.0% #C0B496	RGB 192 180 150	#C0B496

#ECE7E2 #E4DED5 #DDD6C8 #D6CDBC #CEC5AF #C7BCA2 #C0B496

#ECE7E2 - #C0B496

HSV Blend

#ECE7E2 - #C0B496 | 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 #ECE7E2 as 0% and #C0B496 as 100%.

0.0%	0.0% #ECE7E2	RGB 236 231 226	#ECE7E2
16.7%	16.7% #E4DDD4	RGB 228 221 212	#E4DDD4
33.3%	33.3% #DDD3C6	RGB 221 211 198	#DDD3C6
50.0%	50.0% #D6CBBA	RGB 214 203 186	#D6CBBA
66.7%	66.7% #CEC2AD	RGB 206 194 173	#CEC2AD
83.3%	83.3% #C7BBA1	RGB 199 187 161	#C7BBA1
100.0%	100.0% #C0B496	RGB 192 180 150	#C0B496

#ECE7E2 #E4DDD4 #DDD3C6 #D6CBBA #CEC2AD #C7BBA1 #C0B496

#ECE7E2 - #D6CBBA - #C0B496

CSS codes

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

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