#CF7CE4 - #F1D9F7 | 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 #CF7CE4 to #F1D9F7

#CF7CE4 #F1D9F7

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

#CF7CE4 - #F1D9F7 | 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 #CF7CE4 as 0% and #F1D9F7 as 100%.

0.0%	0.0% #CF7CE4	RGB 207 124 228	#CF7CE4
16.7%	16.7% #D48BE7	RGB 212 139 231	#D48BE7
33.3%	33.3% #DA9BEA	RGB 218 155 234	#DA9BEA
50.0%	50.0% #E0AAED	RGB 224 170 237	#E0AAED
66.7%	66.7% #E5BAF0	RGB 229 186 240	#E5BAF0
83.3%	83.3% #EBC9F3	RGB 235 201 243	#EBC9F3
100.0%	100.0% #F1D9F7	RGB 241 217 247	#F1D9F7

#CF7CE4 #D48BE7 #DA9BEA #E0AAED #E5BAF0 #EBC9F3 #F1D9F7

#CF7CE4 - #F1D9F7

HSV Blend

#CF7CE4 - #F1D9F7 | 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 #CF7CE4 as 0% and #F1D9F7 as 100%.

0.0%	0.0% #CF7CE4	RGB 207 124 228	#CF7CE4
16.7%	16.7% #D48AE7	RGB 212 138 231	#D48AE7
33.3%	33.3% #DA99EA	RGB 218 153 234	#DA99EA
50.0%	50.0% #DFA8ED	RGB 223 168 237	#DFA8ED
66.7%	66.7% #E5B8F0	RGB 229 184 240	#E5B8F0
83.3%	83.3% #EBC8F3	RGB 235 200 243	#EBC8F3
100.0%	100.0% #F1D9F7	RGB 241 217 247	#F1D9F7

#CF7CE4 #D48AE7 #DA99EA #DFA8ED #E5B8F0 #EBC8F3 #F1D9F7

#CF7CE4 - #DFA8ED - #F1D9F7

CSS codes

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

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