#5E1313 - #AD462D | 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 #5E1313 to #AD462D

#5E1313 #AD462D

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

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

0.0%	0.0% #5E1313	RGB 94 19 19	#5E1313
16.7%	16.7% #6B1B17	RGB 107 27 23	#6B1B17
33.3%	33.3% #78241B	RGB 120 36 27	#78241B
50.0%	50.0% #852C20	RGB 133 44 32	#852C20
66.7%	66.7% #923524	RGB 146 53 36	#923524
83.3%	83.3% #9F3D28	RGB 159 61 40	#9F3D28
100.0%	100.0% #AD462D	RGB 173 70 45	#AD462D

#5E1313 #6B1B17 #78241B #852C20 #923524 #9F3D28 #AD462D

#5E1313 - #AD462D

HSV Blend

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

0.0%	0.0% #5E1212	RGB 94 18 18	#5E1212
16.7%	16.7% #6B1916	RGB 107 25 22	#6B1916
33.3%	33.3% #78201A	RGB 120 32 26	#78201A
50.0%	50.0% #85281E	RGB 133 40 30	#85281E
66.7%	66.7% #923123	RGB 146 49 35	#923123
83.3%	83.3% #9F3B28	RGB 159 59 40	#9F3B28
100.0%	100.0% #AD462D	RGB 173 70 45	#AD462D

#5E1212 #6B1916 #78201A #85281E #923123 #9F3B28 #AD462D

#5E1313 - #85281E - #AD462D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1212 0%, #85281E 50%, #AD462D 100%);
    background: -webkit-linear-gradient(top, #5E1212 0%, #85281E 50%, #AD462D 100%);
    background: linear-gradient(to bottom, #5E1212 0%, #85281E 50%, #AD462D 100%);
}
</style>