#C154A2 - #820051 | 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 #C154A2 to #820051

#C154A2 #820051

Calculate the color between two colors, #C154A2 and #820051. 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)

#C154A2 - #820051 | 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 #C154A2 as 0% and #820051 as 100%.

0.0%	0.0% #C154A2	RGB 193 84 162	#C154A2
16.7%	16.7% #B64694	RGB 182 70 148	#B64694
33.3%	33.3% #AC3887	RGB 172 56 135	#AC3887
50.0%	50.0% #A12A79	RGB 161 42 121	#A12A79
66.7%	66.7% #971B6C	RGB 151 27 108	#971B6C
83.3%	83.3% #8C0E5E	RGB 140 14 94	#8C0E5E
100.0%	100.0% #820051	RGB 130 0 81	#820051

#C154A2 #B64694 #AC3887 #A12A79 #971B6C #8C0E5E #820051

#C154A2 - #820051

HSV Blend

#C154A2 - #820051 | 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 #C154A2 as 0% and #820051 as 100%.

0.0%	0.0% #C154A2	RGB 193 84 162	#C154A2
16.7%	16.7% #B64293	RGB 182 66 147	#B64293
33.3%	33.3% #AC3185	RGB 172 49 133	#AC3185
50.0%	50.0% #A12377	RGB 161 35 119	#A12377
66.7%	66.7% #97156A	RGB 151 21 106	#97156A
83.3%	83.3% #8C0A5D	RGB 140 10 93	#8C0A5D
100.0%	100.0% #820051	RGB 130 0 81	#820051

#C154A2 #B64293 #AC3185 #A12377 #97156A #8C0A5D #820051

#C154A2 - #A12377 - #820051

CSS codes

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

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