#CBCFC5 - #DED7E5 | 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 #CBCFC5 to #DED7E5

#CBCFC5 #DED7E5

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

#CBCFC5 - #DED7E5 | 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 #CBCFC5 as 0% and #DED7E5 as 100%.

0.0%	0.0% #CBCFC5	RGB 203 207 197	#CBCFC5
16.7%	16.7% #CED0CA	RGB 206 208 202	#CED0CA
33.3%	33.3% #D1D1CF	RGB 209 209 207	#D1D1CF
50.0%	50.0% #D4D3D5	RGB 212 211 213	#D4D3D5
66.7%	66.7% #D7D4DA	RGB 215 212 218	#D7D4DA
83.3%	83.3% #DAD5DF	RGB 218 213 223	#DAD5DF
100.0%	100.0% #DED7E5	RGB 222 215 229	#DED7E5

#CBCFC5 #CED0CA #D1D1CF #D4D3D5 #D7D4DA #DAD5DF #DED7E5

#CBCFC5 - #DED7E5

HSV Blend

#CBCFC5 - #DED7E5 | 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 #CBCFC5 as 0% and #DED7E5 as 100%.

0.0%	0.0% #CBCFC5	RGB 203 207 197	#CBCFC5
16.7%	16.7% #D2D1C8	RGB 210 209 200	#D2D1C8
33.3%	33.3% #D6CFCB	RGB 214 207 203	#D6CFCB
50.0%	50.0% #DACECE	RGB 218 206 206	#DACECE
66.7%	66.7% #DDD1D7	RGB 221 209 215	#DDD1D7
83.3%	83.3% #E1D4E1	RGB 225 212 225	#E1D4E1
100.0%	100.0% #DED7E5	RGB 222 215 229	#DED7E5

#CBCFC5 #D2D1C8 #D6CFCB #DACECE #DDD1D7 #E1D4E1 #DED7E5

#CBCFC5 - #DACECE - #DED7E5

CSS codes

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

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