#CFBFF2 - #8259BB | 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 #CFBFF2 to #8259BB

#CFBFF2 #8259BB

Calculate the color between two colors, #CFBFF2 and #8259BB. 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)

#CFBFF2 - #8259BB | 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 #CFBFF2 as 0% and #8259BB as 100%.

0.0%	0.0% #CFBFF2	RGB 207 191 242	#CFBFF2
16.7%	16.7% #C2AEE8	RGB 194 174 232	#C2AEE8
33.3%	33.3% #B59DDF	RGB 181 157 223	#B59DDF
50.0%	50.0% #A88CD6	RGB 168 140 214	#A88CD6
66.7%	66.7% #9B7BCD	RGB 155 123 205	#9B7BCD
83.3%	83.3% #8E6AC4	RGB 142 106 196	#8E6AC4
100.0%	100.0% #8259BB	RGB 130 89 187	#8259BB

#CFBFF2 #C2AEE8 #B59DDF #A88CD6 #9B7BCD #8E6AC4 #8259BB

#CFBFF2 - #8259BB

HSV Blend

#CFBFF2 - #8259BB | 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 #CFBFF2 as 0% and #8259BB as 100%.

0.0%	0.0% #CFBFF2	RGB 207 191 242	#CFBFF2
16.7%	16.7% #BFABE8	RGB 191 171 232	#BFABE8
33.3%	33.3% #B199DF	RGB 177 153 223	#B199DF
50.0%	50.0% #A487D6	RGB 164 135 214	#A487D6
66.7%	66.7% #9877CD	RGB 152 119 205	#9877CD
83.3%	83.3% #8C67C4	RGB 140 103 196	#8C67C4
100.0%	100.0% #8259BB	RGB 130 89 187	#8259BB

#CFBFF2 #BFABE8 #B199DF #A487D6 #9877CD #8C67C4 #8259BB

#CFBFF2 - #A487D6 - #8259BB

CSS codes

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

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