#CFCED4 - #E3DAFF | 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 #CFCED4 to #E3DAFF

#CFCED4 #E3DAFF

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

#CFCED4 - #E3DAFF | 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 #CFCED4 as 0% and #E3DAFF as 100%.

0.0%	0.0% #CFCED4	RGB 207 206 212	#CFCED4
16.7%	16.7% #D2D0DB	RGB 210 208 219	#D2D0DB
33.3%	33.3% #D5D2E2	RGB 213 210 226	#D5D2E2
50.0%	50.0% #D9D4E9	RGB 217 212 233	#D9D4E9
66.7%	66.7% #DCD6F0	RGB 220 214 240	#DCD6F0
83.3%	83.3% #DFD8F7	RGB 223 216 247	#DFD8F7
100.0%	100.0% #E3DAFF	RGB 227 218 255	#E3DAFF

#CFCED4 #D2D0DB #D5D2E2 #D9D4E9 #DCD6F0 #DFD8F7 #E3DAFF

#CFCED4 - #E3DAFF

HSV Blend

#CFCED4 - #E3DAFF | 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 #CFCED4 as 0% and #E3DAFF as 100%.

0.0%	0.0% #CFCED4	RGB 207 206 212	#CFCED4
16.7%	16.7% #D2D0DB	RGB 210 208 219	#D2D0DB
33.3%	33.3% #D6D3E2	RGB 214 211 226	#D6D3E2
50.0%	50.0% #D9D5E9	RGB 217 213 233	#D9D5E9
66.7%	66.7% #DCD7F0	RGB 220 215 240	#DCD7F0
83.3%	83.3% #DFD8F7	RGB 223 216 247	#DFD8F7
100.0%	100.0% #E3DAFF	RGB 227 218 255	#E3DAFF

#CFCED4 #D2D0DB #D6D3E2 #D9D5E9 #DCD7F0 #DFD8F7 #E3DAFF

#CFCED4 - #D9D5E9 - #E3DAFF

CSS codes

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

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