#EEECE2 - #CDBD96 | 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 #EEECE2 to #CDBD96

#EEECE2 #CDBD96

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

#EEECE2 - #CDBD96 | 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 #EEECE2 as 0% and #CDBD96 as 100%.

0.0%	0.0% #EEECE2	RGB 238 236 226	#EEECE2
16.7%	16.7% #E8E4D5	RGB 232 228 213	#E8E4D5
33.3%	33.3% #E3DCC8	RGB 227 220 200	#E3DCC8
50.0%	50.0% #DDD4BC	RGB 221 212 188	#DDD4BC
66.7%	66.7% #D8CCAF	RGB 216 204 175	#D8CCAF
83.3%	83.3% #D2C4A2	RGB 210 196 162	#D2C4A2
100.0%	100.0% #CDBD96	RGB 205 189 150	#CDBD96

#EEECE2 #E8E4D5 #E3DCC8 #DDD4BC #D8CCAF #D2C4A2 #CDBD96

#EEECE2 - #CDBD96

HSV Blend

#EEECE2 - #CDBD96 | 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 #EEECE2 as 0% and #CDBD96 as 100%.

0.0%	0.0% #EEECE2	RGB 238 236 226	#EEECE2
16.7%	16.7% #E8E4D4	RGB 232 228 212	#E8E4D4
33.3%	33.3% #E3DDC7	RGB 227 221 199	#E3DDC7
50.0%	50.0% #DDD5BA	RGB 221 213 186	#DDD5BA
66.7%	66.7% #D8CDAD	RGB 216 205 173	#D8CDAD
83.3%	83.3% #D2C5A1	RGB 210 197 161	#D2C5A1
100.0%	100.0% #CDBD96	RGB 205 189 150	#CDBD96

#EEECE2 #E8E4D4 #E3DDC7 #DDD5BA #D8CDAD #D2C5A1 #CDBD96

#EEECE2 - #DDD5BA - #CDBD96

CSS codes

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

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