#CF6EC4 - #F7D3E7 | 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 #CF6EC4 to #F7D3E7

#CF6EC4 #F7D3E7

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

#CF6EC4 - #F7D3E7 | 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 #CF6EC4 as 0% and #F7D3E7 as 100%.

0.0%	0.0% #CF6EC4	RGB 207 110 196	#CF6EC4
16.7%	16.7% #D57EC9	RGB 213 126 201	#D57EC9
33.3%	33.3% #DC8FCF	RGB 220 143 207	#DC8FCF
50.0%	50.0% #E3A0D5	RGB 227 160 213	#E3A0D5
66.7%	66.7% #E9B1DB	RGB 233 177 219	#E9B1DB
83.3%	83.3% #F0C2E1	RGB 240 194 225	#F0C2E1
100.0%	100.0% #F7D3E7	RGB 247 211 231	#F7D3E7

#CF6EC4 #D57EC9 #DC8FCF #E3A0D5 #E9B1DB #F0C2E1 #F7D3E7

#CF6EC4 - #F7D3E7

HSV Blend

#CF6EC4 - #F7D3E7 | 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 #CF6EC4 as 0% and #F7D3E7 as 100%.

0.0%	0.0% #CF6EC4	RGB 207 110 196	#CF6EC4
16.7%	16.7% #D57DC6	RGB 213 125 198	#D57DC6
33.3%	33.3% #DC8CCA	RGB 220 140 202	#DC8CCA
50.0%	50.0% #E39DCF	RGB 227 157 207	#E39DCF
66.7%	66.7% #E9AED5	RGB 233 174 213	#E9AED5
83.3%	83.3% #F0C0DD	RGB 240 192 221	#F0C0DD
100.0%	100.0% #F7D3E7	RGB 247 211 231	#F7D3E7

#CF6EC4 #D57DC6 #DC8CCA #E39DCF #E9AED5 #F0C0DD #F7D3E7

#CF6EC4 - #E39DCF - #F7D3E7

CSS codes

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

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