#A8216F - #5E0834 | 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 #A8216F to #5E0834

#A8216F #5E0834

Calculate the color between two colors, #A8216F and #5E0834. 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)

#A8216F - #5E0834 | 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 #A8216F as 0% and #5E0834 as 100%.

0.0%	0.0% #A8216F	RGB 168 33 111	#A8216F
16.7%	16.7% #9B1C65	RGB 155 28 101	#9B1C65
33.3%	33.3% #8F185B	RGB 143 24 91	#8F185B
50.0%	50.0% #831451	RGB 131 20 81	#831451
66.7%	66.7% #761047	RGB 118 16 71	#761047
83.3%	83.3% #6A0C3D	RGB 106 12 61	#6A0C3D
100.0%	100.0% #5E0834	RGB 94 8 52	#5E0834

#A8216F #9B1C65 #8F185B #831451 #761047 #6A0C3D #5E0834

#A8216F - #5E0834

HSV Blend

#A8216F - #5E0834 | 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 #A8216F as 0% and #5E0834 as 100%.

0.0%	0.0% #A8216F	RGB 168 33 111	#A8216F
16.7%	16.7% #9B1B64	RGB 155 27 100	#9B1B64
33.3%	33.3% #8F1659	RGB 143 22 89	#8F1659
50.0%	50.0% #83124F	RGB 131 18 79	#83124F
66.7%	66.7% #760E46	RGB 118 14 70	#760E46
83.3%	83.3% #6A0B3C	RGB 106 11 60	#6A0B3C
100.0%	100.0% #5E0834	RGB 94 8 52	#5E0834

#A8216F #9B1B64 #8F1659 #83124F #760E46 #6A0B3C #5E0834

#A8216F - #83124F - #5E0834

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8216F 0%, #83124F 50%, #5E0834 100%);
    background: -webkit-linear-gradient(top, #A8216F 0%, #83124F 50%, #5E0834 100%);
    background: linear-gradient(to bottom, #A8216F 0%, #83124F 50%, #5E0834 100%);
}
</style>