#C46CB2 - #81206E | 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 #C46CB2 to #81206E

#C46CB2 #81206E

Calculate the color between two colors, #C46CB2 and #81206E. 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)

#C46CB2 - #81206E | 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 #C46CB2 as 0% and #81206E as 100%.

0.0%	0.0% #C46CB2	RGB 196 108 178	#C46CB2
16.7%	16.7% #B85FA6	RGB 184 95 166	#B85FA6
33.3%	33.3% #AD529B	RGB 173 82 155	#AD529B
50.0%	50.0% #A24690	RGB 162 70 144	#A24690
66.7%	66.7% #973984	RGB 151 57 132	#973984
83.3%	83.3% #8C2C79	RGB 140 44 121	#8C2C79
100.0%	100.0% #81206E	RGB 129 32 110	#81206E

#C46CB2 #B85FA6 #AD529B #A24690 #973984 #8C2C79 #81206E

#C46CB2 - #81206E

HSV Blend

#C46CB2 - #81206E | 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 #C46CB2 as 0% and #81206E as 100%.

0.0%	0.0% #C46CB2	RGB 196 108 178	#C46CB2
16.7%	16.7% #B85CA6	RGB 184 92 166	#B85CA6
33.3%	33.3% #AD4E9A	RGB 173 78 154	#AD4E9A
50.0%	50.0% #A2408E	RGB 162 64 142	#A2408E
66.7%	66.7% #973483	RGB 151 52 131	#973483
83.3%	83.3% #8C2978	RGB 140 41 120	#8C2978
100.0%	100.0% #81206E	RGB 129 32 110	#81206E

#C46CB2 #B85CA6 #AD4E9A #A2408E #973483 #8C2978 #81206E

#C46CB2 - #A2408E - #81206E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C46CB2 0%, #A2408E 50%, #81206E 100%);
    background: -webkit-linear-gradient(top, #C46CB2 0%, #A2408E 50%, #81206E 100%);
    background: linear-gradient(to bottom, #C46CB2 0%, #A2408E 50%, #81206E 100%);
}
</style>