#551300 - #AF5E71 | 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 #551300 to #AF5E71

#551300 #AF5E71

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

#551300 - #AF5E71 | 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 #551300 as 0% and #AF5E71 as 100%.

0.0%	0.0% #551300	RGB 85 19 0	#551300
16.7%	16.7% #641F12	RGB 100 31 18	#641F12
33.3%	33.3% #732C25	RGB 115 44 37	#732C25
50.0%	50.0% #823838	RGB 130 56 56	#823838
66.7%	66.7% #91454B	RGB 145 69 75	#91454B
83.3%	83.3% #A0515E	RGB 160 81 94	#A0515E
100.0%	100.0% #AF5E71	RGB 175 94 113	#AF5E71

#551300 #641F12 #732C25 #823838 #91454B #A0515E #AF5E71

#551300 - #AF5E71

HSV Blend

#551300 - #AF5E71 | 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 #551300 as 0% and #AF5E71 as 100%.

0.0%	0.0% #551300	RGB 85 19 0	#551300
16.7%	16.7% #641608	RGB 100 22 8	#641608
33.3%	33.3% #731B14	RGB 115 27 20	#731B14
50.0%	50.0% #822223	RGB 130 34 35	#822223
66.7%	66.7% #91333B	RGB 145 51 59	#91333B
83.3%	83.3% #A04755	RGB 160 71 85	#A04755
100.0%	100.0% #AF5E71	RGB 175 94 113	#AF5E71

#551300 #641608 #731B14 #822223 #91333B #A04755 #AF5E71

#551300 - #822223 - #AF5E71

CSS codes

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

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