#5E1015 - #AF3C22 | 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 #5E1015 to #AF3C22

#5E1015 #AF3C22

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

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

0.0%	0.0% #5E1015	RGB 94 16 21	#5E1015
16.7%	16.7% #6B1717	RGB 107 23 23	#6B1717
33.3%	33.3% #791E19	RGB 121 30 25	#791E19
50.0%	50.0% #86261B	RGB 134 38 27	#86261B
66.7%	66.7% #942D1D	RGB 148 45 29	#942D1D
83.3%	83.3% #A1341F	RGB 161 52 31	#A1341F
100.0%	100.0% #AF3C22	RGB 175 60 34	#AF3C22

#5E1015 #6B1717 #791E19 #86261B #942D1D #A1341F #AF3C22

#5E1015 - #AF3C22

HSV Blend

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

0.0%	0.0% #5E0F15	RGB 94 15 21	#5E0F15
16.7%	16.7% #6B1214	RGB 107 18 20	#6B1214
33.3%	33.3% #791715	RGB 121 23 21	#791715
50.0%	50.0% #861F18	RGB 134 31 24	#861F18
66.7%	66.7% #94271B	RGB 148 39 27	#94271B
83.3%	83.3% #A1311E	RGB 161 49 30	#A1311E
100.0%	100.0% #AF3C22	RGB 175 60 34	#AF3C22

#5E0F15 #6B1214 #791715 #861F18 #94271B #A1311E #AF3C22

#5E1015 - #861F18 - #AF3C22

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E0F15 0%, #861F18 50%, #AF3C22 100%);
    background: -webkit-linear-gradient(top, #5E0F15 0%, #861F18 50%, #AF3C22 100%);
    background: linear-gradient(to bottom, #5E0F15 0%, #861F18 50%, #AF3C22 100%);
}
</style>