#CDB2D3 - #F0E9F2 | 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 #CDB2D3 to #F0E9F2

#CDB2D3 #F0E9F2

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

#CDB2D3 - #F0E9F2 | 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 #CDB2D3 as 0% and #F0E9F2 as 100%.

0.0%	0.0% #CDB2D3	RGB 205 178 211	#CDB2D3
16.7%	16.7% #D2BBD8	RGB 210 187 216	#D2BBD8
33.3%	33.3% #D8C4DD	RGB 216 196 221	#D8C4DD
50.0%	50.0% #DECDE2	RGB 222 205 226	#DECDE2
66.7%	66.7% #E4D6E7	RGB 228 214 231	#E4D6E7
83.3%	83.3% #EADFEC	RGB 234 223 236	#EADFEC
100.0%	100.0% #F0E9F2	RGB 240 233 242	#F0E9F2

#CDB2D3 #D2BBD8 #D8C4DD #DECDE2 #E4D6E7 #EADFEC #F0E9F2

#CDB2D3 - #F0E9F2

HSV Blend

#CDB2D3 - #F0E9F2 | 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 #CDB2D3 as 0% and #F0E9F2 as 100%.

0.0%	0.0% #CDB2D3	RGB 205 178 211	#CDB2D3
16.7%	16.7% #D2BAD8	RGB 210 186 216	#D2BAD8
33.3%	33.3% #D8C3DD	RGB 216 195 221	#D8C3DD
50.0%	50.0% #DECCE2	RGB 222 204 226	#DECCE2
66.7%	66.7% #E3D5E7	RGB 227 213 231	#E3D5E7
83.3%	83.3% #E9DFEC	RGB 233 223 236	#E9DFEC
100.0%	100.0% #F0E9F2	RGB 240 233 242	#F0E9F2

#CDB2D3 #D2BAD8 #D8C3DD #DECCE2 #E3D5E7 #E9DFEC #F0E9F2

#CDB2D3 - #DECCE2 - #F0E9F2

CSS codes

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

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