#C2A5E6 - #843BBC | 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 #C2A5E6 to #843BBC

#C2A5E6 #843BBC

Calculate the color between two colors, #C2A5E6 and #843BBC. 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)

#C2A5E6 - #843BBC | 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 #C2A5E6 as 0% and #843BBC as 100%.

0.0%	0.0% #C2A5E6	RGB 194 165 230	#C2A5E6
16.7%	16.7% #B793DF	RGB 183 147 223	#B793DF
33.3%	33.3% #AD81D8	RGB 173 129 216	#AD81D8
50.0%	50.0% #A370D1	RGB 163 112 209	#A370D1
66.7%	66.7% #985ECA	RGB 152 94 202	#985ECA
83.3%	83.3% #8E4CC3	RGB 142 76 195	#8E4CC3
100.0%	100.0% #843BBC	RGB 132 59 188	#843BBC

#C2A5E6 #B793DF #AD81D8 #A370D1 #985ECA #8E4CC3 #843BBC

#C2A5E6 - #843BBC

HSV Blend

#C2A5E6 - #843BBC | 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 #C2A5E6 as 0% and #843BBC as 100%.

0.0%	0.0% #C2A5E6	RGB 194 165 230	#C2A5E6
16.7%	16.7% #B590DF	RGB 181 144 223	#B590DF
33.3%	33.3% #A97DD8	RGB 169 125 216	#A97DD8
50.0%	50.0% #9E6BD1	RGB 158 107 209	#9E6BD1
66.7%	66.7% #955ACA	RGB 149 90 202	#955ACA
83.3%	83.3% #8C4AC3	RGB 140 74 195	#8C4AC3
100.0%	100.0% #843BBC	RGB 132 59 188	#843BBC

#C2A5E6 #B590DF #A97DD8 #9E6BD1 #955ACA #8C4AC3 #843BBC

#C2A5E6 - #9E6BD1 - #843BBC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2A5E6 0%, #9E6BD1 50%, #843BBC 100%);
    background: -webkit-linear-gradient(top, #C2A5E6 0%, #9E6BD1 50%, #843BBC 100%);
    background: linear-gradient(to bottom, #C2A5E6 0%, #9E6BD1 50%, #843BBC 100%);
}
</style>