#C7A0FF - #8348F0 | 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 #C7A0FF to #8348F0

#C7A0FF #8348F0

Calculate the color between two colors, #C7A0FF and #8348F0. 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)

#C7A0FF - #8348F0 | 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 #C7A0FF as 0% and #8348F0 as 100%.

0.0%	0.0% #C7A0FF	RGB 199 160 255	#C7A0FF
16.7%	16.7% #BB91FC	RGB 187 145 252	#BB91FC
33.3%	33.3% #B082FA	RGB 176 130 250	#B082FA
50.0%	50.0% #A574F7	RGB 165 116 247	#A574F7
66.7%	66.7% #9965F5	RGB 153 101 245	#9965F5
83.3%	83.3% #8E56F2	RGB 142 86 242	#8E56F2
100.0%	100.0% #8348F0	RGB 131 72 240	#8348F0

#C7A0FF #BB91FC #B082FA #A574F7 #9965F5 #8E56F2 #8348F0

#C7A0FF - #8348F0

HSV Blend

#C7A0FF - #8348F0 | 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 #C7A0FF as 0% and #8348F0 as 100%.

0.0%	0.0% #C7A0FF	RGB 199 160 255	#C7A0FF
16.7%	16.7% #BB90FC	RGB 187 144 252	#BB90FC
33.3%	33.3% #B081FA	RGB 176 129 250	#B081FA
50.0%	50.0% #A572F7	RGB 165 114 247	#A572F7
66.7%	66.7% #9964F5	RGB 153 100 245	#9964F5
83.3%	83.3% #8E55F2	RGB 142 85 242	#8E55F2
100.0%	100.0% #8348F0	RGB 131 72 240	#8348F0

#C7A0FF #BB90FC #B081FA #A572F7 #9964F5 #8E55F2 #8348F0

#C7A0FF - #A572F7 - #8348F0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7A0FF 0%, #A572F7 50%, #8348F0 100%);
    background: -webkit-linear-gradient(top, #C7A0FF 0%, #A572F7 50%, #8348F0 100%);
    background: linear-gradient(to bottom, #C7A0FF 0%, #A572F7 50%, #8348F0 100%);
}
</style>