#C545AF - #81005E | 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 #C545AF to #81005E

#C545AF #81005E

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

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

0.0%	0.0% #C545AF	RGB 197 69 175	#C545AF
16.7%	16.7% #B939A1	RGB 185 57 161	#B939A1
33.3%	33.3% #AE2E94	RGB 174 46 148	#AE2E94
50.0%	50.0% #A32286	RGB 163 34 134	#A32286
66.7%	66.7% #971779	RGB 151 23 121	#971779
83.3%	83.3% #8C0B6B	RGB 140 11 107	#8C0B6B
100.0%	100.0% #81005E	RGB 129 0 94	#81005E

#C545AF #B939A1 #AE2E94 #A32286 #971779 #8C0B6B #81005E

#C545AF - #81005E

HSV Blend

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

0.0%	0.0% #C545AF	RGB 197 69 175	#C545AF
16.7%	16.7% #B936A0	RGB 185 54 160	#B936A0
33.3%	33.3% #AE2892	RGB 174 40 146	#AE2892
50.0%	50.0% #A31C85	RGB 163 28 133	#A31C85
66.7%	66.7% #971177	RGB 151 17 119	#971177
83.3%	83.3% #8C086A	RGB 140 8 106	#8C086A
100.0%	100.0% #81005E	RGB 129 0 94	#81005E

#C545AF #B936A0 #AE2892 #A31C85 #971177 #8C086A #81005E

#C545AF - #A31C85 - #81005E

CSS codes

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

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