#AD1B5E - #51001F | 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 #AD1B5E to #51001F

#AD1B5E #51001F

Calculate the color between two colors, #AD1B5E and #51001F. 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)

#AD1B5E - #51001F | 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 #AD1B5E as 0% and #51001F as 100%.

0.0%	0.0% #AD1B5E	RGB 173 27 94	#AD1B5E
16.7%	16.7% #9D1653	RGB 157 22 83	#9D1653
33.3%	33.3% #8E1249	RGB 142 18 73	#8E1249
50.0%	50.0% #7F0D3E	RGB 127 13 62	#7F0D3E
66.7%	66.7% #6F0934	RGB 111 9 52	#6F0934
83.3%	83.3% #600429	RGB 96 4 41	#600429
100.0%	100.0% #51001F	RGB 81 0 31	#51001F

#AD1B5E #9D1653 #8E1249 #7F0D3E #6F0934 #600429 #51001F

#AD1B5E - #51001F

HSV Blend

#AD1B5E - #51001F | 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 #AD1B5E as 0% and #51001F as 100%.

0.0%	0.0% #AD1B5E	RGB 173 27 94	#AD1B5E
16.7%	16.7% #9D1451	RGB 157 20 81	#9D1451
33.3%	33.3% #8E0E46	RGB 142 14 70	#8E0E46
50.0%	50.0% #7F093B	RGB 127 9 59	#7F093B
66.7%	66.7% #6F0531	RGB 111 5 49	#6F0531
83.3%	83.3% #600227	RGB 96 2 39	#600227
100.0%	100.0% #51001F	RGB 81 0 31	#51001F

#AD1B5E #9D1451 #8E0E46 #7F093B #6F0531 #600227 #51001F

#AD1B5E - #7F093B - #51001F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD1B5E 0%, #7F093B 50%, #51001F 100%);
    background: -webkit-linear-gradient(top, #AD1B5E 0%, #7F093B 50%, #51001F 100%);
    background: linear-gradient(to bottom, #AD1B5E 0%, #7F093B 50%, #51001F 100%);
}
</style>