#CD7AE5 - #FCD5E6 | 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 #CD7AE5 to #FCD5E6

#CD7AE5 #FCD5E6

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

#CD7AE5 - #FCD5E6 | 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 #CD7AE5 as 0% and #FCD5E6 as 100%.

0.0%	0.0% #CD7AE5	RGB 205 122 229	#CD7AE5
16.7%	16.7% #D489E5	RGB 212 137 229	#D489E5
33.3%	33.3% #DC98E5	RGB 220 152 229	#DC98E5
50.0%	50.0% #E4A7E5	RGB 228 167 229	#E4A7E5
66.7%	66.7% #ECB6E5	RGB 236 182 229	#ECB6E5
83.3%	83.3% #F4C5E5	RGB 244 197 229	#F4C5E5
100.0%	100.0% #FCD5E6	RGB 252 213 230	#FCD5E6

#CD7AE5 #D489E5 #DC98E5 #E4A7E5 #ECB6E5 #F4C5E5 #FCD5E6

#CD7AE5 - #FCD5E6

HSV Blend

#CD7AE5 - #FCD5E6 | 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 #CD7AE5 as 0% and #FCD5E6 as 100%.

0.0%	0.0% #CD7AE5	RGB 205 122 229	#CD7AE5
16.7%	16.7% #DF88E8	RGB 223 136 232	#DF88E8
33.3%	33.3% #EC96E9	RGB 236 150 233	#EC96E9
50.0%	50.0% #F0A5E3	RGB 240 165 227	#F0A5E3
66.7%	66.7% #F4B5E1	RGB 244 181 225	#F4B5E1
83.3%	83.3% #F8C4E1	RGB 248 196 225	#F8C4E1
100.0%	100.0% #FCD5E6	RGB 252 213 230	#FCD5E6

#CD7AE5 #DF88E8 #EC96E9 #F0A5E3 #F4B5E1 #F8C4E1 #FCD5E6

#CD7AE5 - #F0A5E3 - #FCD5E6

CSS codes

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

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