#CFC2FF - #7E58CF | 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 #CFC2FF to #7E58CF

#CFC2FF #7E58CF

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

#CFC2FF - #7E58CF | 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 #CFC2FF as 0% and #7E58CF as 100%.

0.0%	0.0% #CFC2FF	RGB 207 194 255	#CFC2FF
16.7%	16.7% #C1B0F7	RGB 193 176 247	#C1B0F7
33.3%	33.3% #B49EEF	RGB 180 158 239	#B49EEF
50.0%	50.0% #A68DE7	RGB 166 141 231	#A68DE7
66.7%	66.7% #997BDF	RGB 153 123 223	#997BDF
83.3%	83.3% #8B69D7	RGB 139 105 215	#8B69D7
100.0%	100.0% #7E58CF	RGB 126 88 207	#7E58CF

#CFC2FF #C1B0F7 #B49EEF #A68DE7 #997BDF #8B69D7 #7E58CF

#CFC2FF - #7E58CF

HSV Blend

#CFC2FF - #7E58CF | 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 #CFC2FF as 0% and #7E58CF as 100%.

0.0%	0.0% #CFC2FF	RGB 207 194 255	#CFC2FF
16.7%	16.7% #BEAEF7	RGB 190 174 247	#BEAEF7
33.3%	33.3% #AF9BEF	RGB 175 155 239	#AF9BEF
50.0%	50.0% #A288E7	RGB 162 136 231	#A288E7
66.7%	66.7% #9577DF	RGB 149 119 223	#9577DF
83.3%	83.3% #8967D7	RGB 137 103 215	#8967D7
100.0%	100.0% #7E58CF	RGB 126 88 207	#7E58CF

#CFC2FF #BEAEF7 #AF9BEF #A288E7 #9577DF #8967D7 #7E58CF

#CFC2FF - #A288E7 - #7E58CF

CSS codes

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

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