#CA95FF - #8F3BEB | 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 #CA95FF to #8F3BEB

#CA95FF #8F3BEB

Calculate the color between two colors, #CA95FF and #8F3BEB. 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)

#CA95FF - #8F3BEB | 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 #CA95FF as 0% and #8F3BEB as 100%.

0.0%	0.0% #CA95FF	RGB 202 149 255	#CA95FF
16.7%	16.7% #C086FB	RGB 192 134 251	#C086FB
33.3%	33.3% #B677F8	RGB 182 119 248	#B677F8
50.0%	50.0% #AC68F5	RGB 172 104 245	#AC68F5
66.7%	66.7% #A259F1	RGB 162 89 241	#A259F1
83.3%	83.3% #984AEE	RGB 152 74 238	#984AEE
100.0%	100.0% #8F3BEB	RGB 143 59 235	#8F3BEB

#CA95FF #C086FB #B677F8 #AC68F5 #A259F1 #984AEE #8F3BEB

#CA95FF - #8F3BEB

HSV Blend

#CA95FF - #8F3BEB | 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 #CA95FF as 0% and #8F3BEB as 100%.

0.0%	0.0% #CA95FF	RGB 202 149 255	#CA95FF
16.7%	16.7% #BF85FB	RGB 191 133 251	#BF85FB
33.3%	33.3% #B575F8	RGB 181 117 248	#B575F8
50.0%	50.0% #AC66F5	RGB 172 102 245	#AC66F5
66.7%	66.7% #A257F1	RGB 162 87 241	#A257F1
83.3%	83.3% #9849EE	RGB 152 73 238	#9849EE
100.0%	100.0% #8F3BEB	RGB 143 59 235	#8F3BEB

#CA95FF #BF85FB #B575F8 #AC66F5 #A257F1 #9849EE #8F3BEB

#CA95FF - #AC66F5 - #8F3BEB

CSS codes

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

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