#CCCAC4 - #EEF0EE | 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 #CCCAC4 to #EEF0EE

#CCCAC4 #EEF0EE

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

#CCCAC4 - #EEF0EE | 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 #CCCAC4 as 0% and #EEF0EE as 100%.

0.0%	0.0% #CCCAC4	RGB 204 202 196	#CCCAC4
16.7%	16.7% #D1D0CB	RGB 209 208 203	#D1D0CB
33.3%	33.3% #D7D6D2	RGB 215 214 210	#D7D6D2
50.0%	50.0% #DDDDD9	RGB 221 221 217	#DDDDD9
66.7%	66.7% #E2E3E0	RGB 226 227 224	#E2E3E0
83.3%	83.3% #E8E9E7	RGB 232 233 231	#E8E9E7
100.0%	100.0% #EEF0EE	RGB 238 240 238	#EEF0EE

#CCCAC4 #D1D0CB #D7D6D2 #DDDDD9 #E2E3E0 #E8E9E7 #EEF0EE

#CCCAC4 - #EEF0EE

HSV Blend

#CCCAC4 - #EEF0EE | 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 #CCCAC4 as 0% and #EEF0EE as 100%.

0.0%	0.0% #CCCAC4	RGB 204 202 196	#CCCAC4
16.7%	16.7% #D2D1CA	RGB 210 209 202	#D2D1CA
33.3%	33.3% #D6D8D1	RGB 214 216 209	#D6D8D1
50.0%	50.0% #DCDED8	RGB 220 222 216	#DCDED8
66.7%	66.7% #E1E4DF	RGB 225 228 223	#E1E4DF
83.3%	83.3% #E7EAE6	RGB 231 234 230	#E7EAE6
100.0%	100.0% #EEF0EE	RGB 238 240 238	#EEF0EE

#CCCAC4 #D2D1CA #D6D8D1 #DCDED8 #E1E4DF #E7EAE6 #EEF0EE

#CCCAC4 - #DCDED8 - #EEF0EE

CSS codes

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

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