#CCDBBE - #E4DFE5 | 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 #CCDBBE to #E4DFE5

#CCDBBE #E4DFE5

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

#CCDBBE - #E4DFE5 | 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 #CCDBBE as 0% and #E4DFE5 as 100%.

0.0%	0.0% #CCDBBE	RGB 204 219 190	#CCDBBE
16.7%	16.7% #D0DBC4	RGB 208 219 196	#D0DBC4
33.3%	33.3% #D4DCCB	RGB 212 220 203	#D4DCCB
50.0%	50.0% #D8DDD1	RGB 216 221 209	#D8DDD1
66.7%	66.7% #DCDDD8	RGB 220 221 216	#DCDDD8
83.3%	83.3% #E0DEDE	RGB 224 222 222	#E0DEDE
100.0%	100.0% #E4DFE5	RGB 228 223 229	#E4DFE5

#CCDBBE #D0DBC4 #D4DCCB #D8DDD1 #DCDDD8 #E0DEDE #E4DFE5

#CCDBBE - #E4DFE5

HSV Blend

#CCDBBE - #E4DFE5 | 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 #CCDBBE as 0% and #E4DFE5 as 100%.

0.0%	0.0% #CCDBBE	RGB 204 219 190	#CCDBBE
16.7%	16.7% #DADCC3	RGB 218 220 195	#DADCC3
33.3%	33.3% #DED6C8	RGB 222 214 200	#DED6C8
50.0%	50.0% #E0D1CE	RGB 224 209 206	#E0D1CE
66.7%	66.7% #E1D3D7	RGB 225 211 215	#E1D3D7
83.3%	83.3% #E3D9E0	RGB 227 217 224	#E3D9E0
100.0%	100.0% #E4DFE5	RGB 228 223 229	#E4DFE5

#CCDBBE #DADCC3 #DED6C8 #E0D1CE #E1D3D7 #E3D9E0 #E4DFE5

#CCDBBE - #E0D1CE - #E4DFE5

CSS codes

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

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