#C8CDA4 - #EEF0E5 | 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 #C8CDA4 to #EEF0E5

#C8CDA4 #EEF0E5

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

#C8CDA4 - #EEF0E5 | 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 #C8CDA4 as 0% and #EEF0E5 as 100%.

0.0%	0.0% #C8CDA4	RGB 200 205 164	#C8CDA4
16.7%	16.7% #CED2AE	RGB 206 210 174	#CED2AE
33.3%	33.3% #D4D8B9	RGB 212 216 185	#D4D8B9
50.0%	50.0% #DBDEC4	RGB 219 222 196	#DBDEC4
66.7%	66.7% #E1E4CF	RGB 225 228 207	#E1E4CF
83.3%	83.3% #E7EADA	RGB 231 234 218	#E7EADA
100.0%	100.0% #EEF0E5	RGB 238 240 229	#EEF0E5

#C8CDA4 #CED2AE #D4D8B9 #DBDEC4 #E1E4CF #E7EADA #EEF0E5

#C8CDA4 - #EEF0E5

HSV Blend

#C8CDA4 - #EEF0E5 | 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 #C8CDA4 as 0% and #EEF0E5 as 100%.

0.0%	0.0% #C8CDA4	RGB 200 205 164	#C8CDA4
16.7%	16.7% #CDD2AE	RGB 205 210 174	#CDD2AE
33.3%	33.3% #D4D8B8	RGB 212 216 184	#D4D8B8
50.0%	50.0% #DADEC3	RGB 218 222 195	#DADEC3
66.7%	66.7% #E0E4CE	RGB 224 228 206	#E0E4CE
83.3%	83.3% #E7EAD9	RGB 231 234 217	#E7EAD9
100.0%	100.0% #EEF0E5	RGB 238 240 229	#EEF0E5

#C8CDA4 #CDD2AE #D4D8B8 #DADEC3 #E0E4CE #E7EAD9 #EEF0E5

#C8CDA4 - #DADEC3 - #EEF0E5

CSS codes

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

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