#CFC1FF - #8257CF | 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 #CFC1FF to #8257CF

#CFC1FF #8257CF

Calculate the color between two colors, #CFC1FF and #8257CF. 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)

#CFC1FF - #8257CF | 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 #CFC1FF as 0% and #8257CF as 100%.

0.0%	0.0% #CFC1FF	RGB 207 193 255	#CFC1FF
16.7%	16.7% #C2AFF7	RGB 194 175 247	#C2AFF7
33.3%	33.3% #B59DEF	RGB 181 157 239	#B59DEF
50.0%	50.0% #A88CE7	RGB 168 140 231	#A88CE7
66.7%	66.7% #9B7ADF	RGB 155 122 223	#9B7ADF
83.3%	83.3% #8E68D7	RGB 142 104 215	#8E68D7
100.0%	100.0% #8257CF	RGB 130 87 207	#8257CF

#CFC1FF #C2AFF7 #B59DEF #A88CE7 #9B7ADF #8E68D7 #8257CF

#CFC1FF - #8257CF

HSV Blend

#CFC1FF - #8257CF | 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 #CFC1FF as 0% and #8257CF as 100%.

0.0%	0.0% #CFC1FF	RGB 207 193 255	#CFC1FF
16.7%	16.7% #BFADF7	RGB 191 173 247	#BFADF7
33.3%	33.3% #B19AEF	RGB 177 154 239	#B19AEF
50.0%	50.0% #A387E7	RGB 163 135 231	#A387E7
66.7%	66.7% #9776DF	RGB 151 118 223	#9776DF
83.3%	83.3% #8C66D7	RGB 140 102 215	#8C66D7
100.0%	100.0% #8257CF	RGB 130 87 207	#8257CF

#CFC1FF #BFADF7 #B19AEF #A387E7 #9776DF #8C66D7 #8257CF

#CFC1FF - #A387E7 - #8257CF

CSS codes

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

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