#C3A3FF - #702ECE | 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 #C3A3FF to #702ECE

#C3A3FF #702ECE

Calculate the color between two colors, #C3A3FF and #702ECE. 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)

#C3A3FF - #702ECE | 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 #C3A3FF as 0% and #702ECE as 100%.

0.0%	0.0% #C3A3FF	RGB 195 163 255	#C3A3FF
16.7%	16.7% #B58FF6	RGB 181 143 246	#B58FF6
33.3%	33.3% #A77CEE	RGB 167 124 238	#A77CEE
50.0%	50.0% #9968E6	RGB 153 104 230	#9968E6
66.7%	66.7% #8B55DE	RGB 139 85 222	#8B55DE
83.3%	83.3% #7D41D6	RGB 125 65 214	#7D41D6
100.0%	100.0% #702ECE	RGB 112 46 206	#702ECE

#C3A3FF #B58FF6 #A77CEE #9968E6 #8B55DE #7D41D6 #702ECE

#C3A3FF - #702ECE

HSV Blend

#C3A3FF - #702ECE | 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 #C3A3FF as 0% and #702ECE as 100%.

0.0%	0.0% #C3A3FF	RGB 195 163 255	#C3A3FF
16.7%	16.7% #B28CF6	RGB 178 140 246	#B28CF6
33.3%	33.3% #A377EE	RGB 163 119 238	#A377EE
50.0%	50.0% #9563E6	RGB 149 99 230	#9563E6
66.7%	66.7% #8750DE	RGB 135 80 222	#8750DE
83.3%	83.3% #7B3ED6	RGB 123 62 214	#7B3ED6
100.0%	100.0% #702ECE	RGB 112 46 206	#702ECE

#C3A3FF #B28CF6 #A377EE #9563E6 #8750DE #7B3ED6 #702ECE

#C3A3FF - #9563E6 - #702ECE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3A3FF 0%, #9563E6 50%, #702ECE 100%);
    background: -webkit-linear-gradient(top, #C3A3FF 0%, #9563E6 50%, #702ECE 100%);
    background: linear-gradient(to bottom, #C3A3FF 0%, #9563E6 50%, #702ECE 100%);
}
</style>