#CD65A8 - #F0D3E6 | 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 #CD65A8 to #F0D3E6

#CD65A8 #F0D3E6

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

#CD65A8 - #F0D3E6 | 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 #CD65A8 as 0% and #F0D3E6 as 100%.

0.0%	0.0% #CD65A8	RGB 205 101 168	#CD65A8
16.7%	16.7% #D277B2	RGB 210 119 178	#D277B2
33.3%	33.3% #D889BC	RGB 216 137 188	#D889BC
50.0%	50.0% #DE9CC7	RGB 222 156 199	#DE9CC7
66.7%	66.7% #E4AED1	RGB 228 174 209	#E4AED1
83.3%	83.3% #EAC0DB	RGB 234 192 219	#EAC0DB
100.0%	100.0% #F0D3E6	RGB 240 211 230	#F0D3E6

#CD65A8 #D277B2 #D889BC #DE9CC7 #E4AED1 #EAC0DB #F0D3E6

#CD65A8 - #F0D3E6

HSV Blend

#CD65A8 - #F0D3E6 | 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 #CD65A8 as 0% and #F0D3E6 as 100%.

0.0%	0.0% #CD65A8	RGB 205 101 168	#CD65A8
16.7%	16.7% #D275B1	RGB 210 117 177	#D275B1
33.3%	33.3% #D886BB	RGB 216 134 187	#D886BB
50.0%	50.0% #DE98C6	RGB 222 152 198	#DE98C6
66.7%	66.7% #E4ABD0	RGB 228 171 208	#E4ABD0
83.3%	83.3% #EABEDB	RGB 234 190 219	#EABEDB
100.0%	100.0% #F0D3E6	RGB 240 211 230	#F0D3E6

#CD65A8 #D275B1 #D886BB #DE98C6 #E4ABD0 #EABEDB #F0D3E6

#CD65A8 - #DE98C6 - #F0D3E6

CSS codes

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

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