#C2A5E3 - #713DA4 | 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 #C2A5E3 to #713DA4

#C2A5E3 #713DA4

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

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

0.0%	0.0% #C2A5E3	RGB 194 165 227	#C2A5E3
16.7%	16.7% #B493D8	RGB 180 147 216	#B493D8
33.3%	33.3% #A782CE	RGB 167 130 206	#A782CE
50.0%	50.0% #9971C3	RGB 153 113 195	#9971C3
66.7%	66.7% #8C5FB9	RGB 140 95 185	#8C5FB9
83.3%	83.3% #7E4EAE	RGB 126 78 174	#7E4EAE
100.0%	100.0% #713DA4	RGB 113 61 164	#713DA4

#C2A5E3 #B493D8 #A782CE #9971C3 #8C5FB9 #7E4EAE #713DA4

#C2A5E3 - #713DA4

HSV Blend

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

0.0%	0.0% #C2A5E3	RGB 194 165 227	#C2A5E3
16.7%	16.7% #B290D8	RGB 178 144 216	#B290D8
33.3%	33.3% #A47DCE	RGB 164 125 206	#A47DCE
50.0%	50.0% #966BC3	RGB 150 107 195	#966BC3
66.7%	66.7% #895AB9	RGB 137 90 185	#895AB9
83.3%	83.3% #7C4BAE	RGB 124 75 174	#7C4BAE
100.0%	100.0% #713DA4	RGB 113 61 164	#713DA4

#C2A5E3 #B290D8 #A47DCE #966BC3 #895AB9 #7C4BAE #713DA4

#C2A5E3 - #966BC3 - #713DA4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2A5E3 0%, #966BC3 50%, #713DA4 100%);
    background: -webkit-linear-gradient(top, #C2A5E3 0%, #966BC3 50%, #713DA4 100%);
    background: linear-gradient(to bottom, #C2A5E3 0%, #966BC3 50%, #713DA4 100%);
}
</style>