#CD8CE2 - #F0DEF6 | 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 #CD8CE2 to #F0DEF6

#CD8CE2 #F0DEF6

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

#CD8CE2 - #F0DEF6 | 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 #CD8CE2 as 0% and #F0DEF6 as 100%.

0.0%	0.0% #CD8CE2	RGB 205 140 226	#CD8CE2
16.7%	16.7% #D299E5	RGB 210 153 229	#D299E5
33.3%	33.3% #D8A7E8	RGB 216 167 232	#D8A7E8
50.0%	50.0% #DEB5EC	RGB 222 181 236	#DEB5EC
66.7%	66.7% #E4C2EF	RGB 228 194 239	#E4C2EF
83.3%	83.3% #EAD0F2	RGB 234 208 242	#EAD0F2
100.0%	100.0% #F0DEF6	RGB 240 222 246	#F0DEF6

#CD8CE2 #D299E5 #D8A7E8 #DEB5EC #E4C2EF #EAD0F2 #F0DEF6

#CD8CE2 - #F0DEF6

HSV Blend

#CD8CE2 - #F0DEF6 | 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 #CD8CE2 as 0% and #F0DEF6 as 100%.

0.0%	0.0% #CD8CE2	RGB 205 140 226	#CD8CE2
16.7%	16.7% #D298E5	RGB 210 152 229	#D298E5
33.3%	33.3% #D8A6E8	RGB 216 166 232	#D8A6E8
50.0%	50.0% #DEB3EC	RGB 222 179 236	#DEB3EC
66.7%	66.7% #E3C1EF	RGB 227 193 239	#E3C1EF
83.3%	83.3% #E9CFF2	RGB 233 207 242	#E9CFF2
100.0%	100.0% #F0DEF6	RGB 240 222 246	#F0DEF6

#CD8CE2 #D298E5 #D8A6E8 #DEB3EC #E3C1EF #E9CFF2 #F0DEF6

#CD8CE2 - #DEB3EC - #F0DEF6

CSS codes

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

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