#C4A0FF - #702ACD | 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 #C4A0FF to #702ACD

#C4A0FF #702ACD

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

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

0.0%	0.0% #C4A0FF	RGB 196 160 255	#C4A0FF
16.7%	16.7% #B68CF6	RGB 182 140 246	#B68CF6
33.3%	33.3% #A878EE	RGB 168 120 238	#A878EE
50.0%	50.0% #9A65E6	RGB 154 101 230	#9A65E6
66.7%	66.7% #8C51DD	RGB 140 81 221	#8C51DD
83.3%	83.3% #7E3DD5	RGB 126 61 213	#7E3DD5
100.0%	100.0% #702ACD	RGB 112 42 205	#702ACD

#C4A0FF #B68CF6 #A878EE #9A65E6 #8C51DD #7E3DD5 #702ACD

#C4A0FF - #702ACD

HSV Blend

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

0.0%	0.0% #C4A0FF	RGB 196 160 255	#C4A0FF
16.7%	16.7% #B389F6	RGB 179 137 246	#B389F6
33.3%	33.3% #A473EE	RGB 164 115 238	#A473EE
50.0%	50.0% #955FE6	RGB 149 95 230	#955FE6
66.7%	66.7% #884CDD	RGB 136 76 221	#884CDD
83.3%	83.3% #7B3AD5	RGB 123 58 213	#7B3AD5
100.0%	100.0% #702ACD	RGB 112 42 205	#702ACD

#C4A0FF #B389F6 #A473EE #955FE6 #884CDD #7B3AD5 #702ACD

#C4A0FF - #955FE6 - #702ACD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4A0FF 0%, #955FE6 50%, #702ACD 100%);
    background: -webkit-linear-gradient(top, #C4A0FF 0%, #955FE6 50%, #702ACD 100%);
    background: linear-gradient(to bottom, #C4A0FF 0%, #955FE6 50%, #702ACD 100%);
}
</style>