#C8A5E2 - #753EA2 | 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 #C8A5E2 to #753EA2

#C8A5E2 #753EA2

Calculate the color between two colors, #C8A5E2 and #753EA2. 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)

#C8A5E2 - #753EA2 | 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 #C8A5E2 as 0% and #753EA2 as 100%.

0.0%	0.0% #C8A5E2	RGB 200 165 226	#C8A5E2
16.7%	16.7% #BA93D7	RGB 186 147 215	#BA93D7
33.3%	33.3% #AC82CC	RGB 172 130 204	#AC82CC
50.0%	50.0% #9E71C2	RGB 158 113 194	#9E71C2
66.7%	66.7% #9060B7	RGB 144 96 183	#9060B7
83.3%	83.3% #824FAC	RGB 130 79 172	#824FAC
100.0%	100.0% #753EA2	RGB 117 62 162	#753EA2

#C8A5E2 #BA93D7 #AC82CC #9E71C2 #9060B7 #824FAC #753EA2

#C8A5E2 - #753EA2

HSV Blend

#C8A5E2 - #753EA2 | 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 #C8A5E2 as 0% and #753EA2 as 100%.

0.0%	0.0% #C8A5E2	RGB 200 165 226	#C8A5E2
16.7%	16.7% #B890D7	RGB 184 144 215	#B890D7
33.3%	33.3% #AA7DCC	RGB 170 125 204	#AA7DCC
50.0%	50.0% #9C6BC2	RGB 156 107 194	#9C6BC2
66.7%	66.7% #8E5BB7	RGB 142 91 183	#8E5BB7
83.3%	83.3% #814CAC	RGB 129 76 172	#814CAC
100.0%	100.0% #753EA2	RGB 117 62 162	#753EA2

#C8A5E2 #B890D7 #AA7DCC #9C6BC2 #8E5BB7 #814CAC #753EA2

#C8A5E2 - #9C6BC2 - #753EA2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8A5E2 0%, #9C6BC2 50%, #753EA2 100%);
    background: -webkit-linear-gradient(top, #C8A5E2 0%, #9C6BC2 50%, #753EA2 100%);
    background: linear-gradient(to bottom, #C8A5E2 0%, #9C6BC2 50%, #753EA2 100%);
}
</style>