#C8A2FC - #793ECF | 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 #C8A2FC to #793ECF

#C8A2FC #793ECF

Calculate the color between two colors, #C8A2FC and #793ECF. 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)

#C8A2FC - #793ECF | 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 #C8A2FC as 0% and #793ECF as 100%.

0.0%	0.0% #C8A2FC	RGB 200 162 252	#C8A2FC
16.7%	16.7% #BA91F4	RGB 186 145 244	#BA91F4
33.3%	33.3% #AD80ED	RGB 173 128 237	#AD80ED
50.0%	50.0% #A070E5	RGB 160 112 229	#A070E5
66.7%	66.7% #935FDE	RGB 147 95 222	#935FDE
83.3%	83.3% #864ED6	RGB 134 78 214	#864ED6
100.0%	100.0% #793ECF	RGB 121 62 207	#793ECF

#C8A2FC #BA91F4 #AD80ED #A070E5 #935FDE #864ED6 #793ECF

#C8A2FC - #793ECF

HSV Blend

#C8A2FC - #793ECF | 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 #C8A2FC as 0% and #793ECF as 100%.

0.0%	0.0% #C8A2FC	RGB 200 162 252	#C8A2FC
16.7%	16.7% #B98FF4	RGB 185 143 244	#B98FF4
33.3%	33.3% #AB7DED	RGB 171 125 237	#AB7DED
50.0%	50.0% #9E6CE5	RGB 158 108 229	#9E6CE5
66.7%	66.7% #915BDE	RGB 145 91 222	#915BDE
83.3%	83.3% #854CD6	RGB 133 76 214	#854CD6
100.0%	100.0% #793ECF	RGB 121 62 207	#793ECF

#C8A2FC #B98FF4 #AB7DED #9E6CE5 #915BDE #854CD6 #793ECF

#C8A2FC - #9E6CE5 - #793ECF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8A2FC 0%, #9E6CE5 50%, #793ECF 100%);
    background: -webkit-linear-gradient(top, #C8A2FC 0%, #9E6CE5 50%, #793ECF 100%);
    background: linear-gradient(to bottom, #C8A2FC 0%, #9E6CE5 50%, #793ECF 100%);
}
</style>