#CCD4C5 - #EFF2EE | 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 #CCD4C5 to #EFF2EE

#CCD4C5 #EFF2EE

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

#CCD4C5 - #EFF2EE | 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 #CCD4C5 as 0% and #EFF2EE as 100%.

0.0%	0.0% #CCD4C5	RGB 204 212 197	#CCD4C5
16.7%	16.7% #D1D9CB	RGB 209 217 203	#D1D9CB
33.3%	33.3% #D7DED2	RGB 215 222 210	#D7DED2
50.0%	50.0% #DDE3D9	RGB 221 227 217	#DDE3D9
66.7%	66.7% #E3E8E0	RGB 227 232 224	#E3E8E0
83.3%	83.3% #E9EDE7	RGB 233 237 231	#E9EDE7
100.0%	100.0% #EFF2EE	RGB 239 242 238	#EFF2EE

#CCD4C5 #D1D9CB #D7DED2 #DDE3D9 #E3E8E0 #E9EDE7 #EFF2EE

#CCD4C5 - #EFF2EE

HSV Blend

#CCD4C5 - #EFF2EE | 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 #CCD4C5 as 0% and #EFF2EE as 100%.

0.0%	0.0% #CCD4C5	RGB 204 212 197	#CCD4C5
16.7%	16.7% #D1D9CB	RGB 209 217 203	#D1D9CB
33.3%	33.3% #D6DED2	RGB 214 222 210	#D6DED2
50.0%	50.0% #DCE3D9	RGB 220 227 217	#DCE3D9
66.7%	66.7% #E2E8DF	RGB 226 232 223	#E2E8DF
83.3%	83.3% #E8EDE6	RGB 232 237 230	#E8EDE6
100.0%	100.0% #EFF2EE	RGB 239 242 238	#EFF2EE

#CCD4C5 #D1D9CB #D6DED2 #DCE3D9 #E2E8DF #E8EDE6 #EFF2EE

#CCD4C5 - #DCE3D9 - #EFF2EE

CSS codes

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

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