#CD8CD2 - #F0DEF2 | 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 #CD8CD2 to #F0DEF2

#CD8CD2 #F0DEF2

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

#CD8CD2 - #F0DEF2 | 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 #CD8CD2 as 0% and #F0DEF2 as 100%.

0.0%	0.0% #CD8CD2	RGB 205 140 210	#CD8CD2
16.7%	16.7% #D299D7	RGB 210 153 215	#D299D7
33.3%	33.3% #D8A7DC	RGB 216 167 220	#D8A7DC
50.0%	50.0% #DEB5E2	RGB 222 181 226	#DEB5E2
66.7%	66.7% #E4C2E7	RGB 228 194 231	#E4C2E7
83.3%	83.3% #EAD0EC	RGB 234 208 236	#EAD0EC
100.0%	100.0% #F0DEF2	RGB 240 222 242	#F0DEF2

#CD8CD2 #D299D7 #D8A7DC #DEB5E2 #E4C2E7 #EAD0EC #F0DEF2

#CD8CD2 - #F0DEF2

HSV Blend

#CD8CD2 - #F0DEF2 | 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 #CD8CD2 as 0% and #F0DEF2 as 100%.

0.0%	0.0% #CD8CD2	RGB 205 140 210	#CD8CD2
16.7%	16.7% #D298D7	RGB 210 152 215	#D298D7
33.3%	33.3% #D8A5DC	RGB 216 165 220	#D8A5DC
50.0%	50.0% #DDB2E2	RGB 221 178 226	#DDB2E2
66.7%	66.7% #E3C0E7	RGB 227 192 231	#E3C0E7
83.3%	83.3% #E9CFEC	RGB 233 207 236	#E9CFEC
100.0%	100.0% #F0DEF2	RGB 240 222 242	#F0DEF2

#CD8CD2 #D298D7 #D8A5DC #DDB2E2 #E3C0E7 #E9CFEC #F0DEF2

#CD8CD2 - #DDB2E2 - #F0DEF2

CSS codes

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

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