#C0A8F0 - #703BB7 | 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 #C0A8F0 to #703BB7

#C0A8F0 #703BB7

Calculate the color between two colors, #C0A8F0 and #703BB7. 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)

#C0A8F0 - #703BB7 | 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 #C0A8F0 as 0% and #703BB7 as 100%.

0.0%	0.0% #C0A8F0	RGB 192 168 240	#C0A8F0
16.7%	16.7% #B295E6	RGB 178 149 230	#B295E6
33.3%	33.3% #A583DD	RGB 165 131 221	#A583DD
50.0%	50.0% #9871D3	RGB 152 113 211	#9871D3
66.7%	66.7% #8A5FCA	RGB 138 95 202	#8A5FCA
83.3%	83.3% #7D4DC0	RGB 125 77 192	#7D4DC0
100.0%	100.0% #703BB7	RGB 112 59 183	#703BB7

#C0A8F0 #B295E6 #A583DD #9871D3 #8A5FCA #7D4DC0 #703BB7

#C0A8F0 - #703BB7

HSV Blend

#C0A8F0 - #703BB7 | 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 #C0A8F0 as 0% and #703BB7 as 100%.

0.0%	0.0% #C0A8F0	RGB 192 168 240	#C0A8F0
16.7%	16.7% #B092E6	RGB 176 146 230	#B092E6
33.3%	33.3% #A17EDD	RGB 161 126 221	#A17EDD
50.0%	50.0% #936CD3	RGB 147 108 211	#936CD3
66.7%	66.7% #865ACA	RGB 134 90 202	#865ACA
83.3%	83.3% #7A4AC0	RGB 122 74 192	#7A4AC0
100.0%	100.0% #703BB7	RGB 112 59 183	#703BB7

#C0A8F0 #B092E6 #A17EDD #936CD3 #865ACA #7A4AC0 #703BB7

#C0A8F0 - #936CD3 - #703BB7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0A8F0 0%, #936CD3 50%, #703BB7 100%);
    background: -webkit-linear-gradient(top, #C0A8F0 0%, #936CD3 50%, #703BB7 100%);
    background: linear-gradient(to bottom, #C0A8F0 0%, #936CD3 50%, #703BB7 100%);
}
</style>