#C2A8F0 - #713BB7 | 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 #C2A8F0 to #713BB7

#C2A8F0 #713BB7

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

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

0.0%	0.0% #C2A8F0	RGB 194 168 240	#C2A8F0
16.7%	16.7% #B495E6	RGB 180 149 230	#B495E6
33.3%	33.3% #A783DD	RGB 167 131 221	#A783DD
50.0%	50.0% #9971D3	RGB 153 113 211	#9971D3
66.7%	66.7% #8C5FCA	RGB 140 95 202	#8C5FCA
83.3%	83.3% #7E4DC0	RGB 126 77 192	#7E4DC0
100.0%	100.0% #713BB7	RGB 113 59 183	#713BB7

#C2A8F0 #B495E6 #A783DD #9971D3 #8C5FCA #7E4DC0 #713BB7

#C2A8F0 - #713BB7

HSV Blend

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

0.0%	0.0% #C2A8F0	RGB 194 168 240	#C2A8F0
16.7%	16.7% #B292E6	RGB 178 146 230	#B292E6
33.3%	33.3% #A37EDD	RGB 163 126 221	#A37EDD
50.0%	50.0% #956CD3	RGB 149 108 211	#956CD3
66.7%	66.7% #885ACA	RGB 136 90 202	#885ACA
83.3%	83.3% #7C4AC0	RGB 124 74 192	#7C4AC0
100.0%	100.0% #713BB7	RGB 113 59 183	#713BB7

#C2A8F0 #B292E6 #A37EDD #956CD3 #885ACA #7C4AC0 #713BB7

#C2A8F0 - #956CD3 - #713BB7

CSS codes

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

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