#CD8FEB - #FFDEE7 | 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 #CD8FEB to #FFDEE7

#CD8FEB #FFDEE7

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

#CD8FEB - #FFDEE7 | 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 #CD8FEB as 0% and #FFDEE7 as 100%.

0.0%	0.0% #CD8FEB	RGB 205 143 235	#CD8FEB
16.7%	16.7% #D59CEA	RGB 213 156 234	#D59CEA
33.3%	33.3% #DDA9E9	RGB 221 169 233	#DDA9E9
50.0%	50.0% #E6B6E9	RGB 230 182 233	#E6B6E9
66.7%	66.7% #EEC3E8	RGB 238 195 232	#EEC3E8
83.3%	83.3% #F6D0E7	RGB 246 208 231	#F6D0E7
100.0%	100.0% #FFDEE7	RGB 255 222 231	#FFDEE7

#CD8FEB #D59CEA #DDA9E9 #E6B6E9 #EEC3E8 #F6D0E7 #FFDEE7

#CD8FEB - #FFDEE7

HSV Blend

#CD8FEB - #FFDEE7 | 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 #CD8FEB as 0% and #FFDEE7 as 100%.

0.0%	0.0% #CD8FEB	RGB 205 143 235	#CD8FEB
16.7%	16.7% #E19BEE	RGB 225 155 238	#E19BEE
33.3%	33.3% #F1A8EF	RGB 241 168 239	#F1A8EF
50.0%	50.0% #F5B5E8	RGB 245 181 232	#F5B5E8
66.7%	66.7% #F8C2E4	RGB 248 194 228	#F8C2E4
83.3%	83.3% #FBD0E3	RGB 251 208 227	#FBD0E3
100.0%	100.0% #FFDEE7	RGB 255 222 231	#FFDEE7

#CD8FEB #E19BEE #F1A8EF #F5B5E8 #F8C2E4 #FBD0E3 #FFDEE7

#CD8FEB - #F5B5E8 - #FFDEE7

CSS codes

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

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