#5E282D - #260F0C | 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 #5E282D to #260F0C

#5E282D #260F0C

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

#5E282D - #260F0C | 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 #5E282D as 0% and #260F0C as 100%.

0.0%	0.0% #5E282D	RGB 94 40 45	#5E282D
16.7%	16.7% #542327	RGB 84 35 39	#542327
33.3%	33.3% #4B1F22	RGB 75 31 34	#4B1F22
50.0%	50.0% #421B1C	RGB 66 27 28	#421B1C
66.7%	66.7% #381717	RGB 56 23 23	#381717
83.3%	83.3% #2F1311	RGB 47 19 17	#2F1311
100.0%	100.0% #260F0C	RGB 38 15 12	#260F0C

#5E282D #542327 #4B1F22 #421B1C #381717 #2F1311 #260F0C

#5E282D - #260F0C

HSV Blend

#5E282D - #260F0C | 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 #5E282D as 0% and #260F0C as 100%.

0.0%	0.0% #5E282D	RGB 94 40 45	#5E282D
16.7%	16.7% #542225	RGB 84 34 37	#542225
33.3%	33.3% #4B1D1E	RGB 75 29 30	#4B1D1E
50.0%	50.0% #421818	RGB 66 24 24	#421818
66.7%	66.7% #381513	RGB 56 21 19	#381513
83.3%	83.3% #2F120F	RGB 47 18 15	#2F120F
100.0%	100.0% #260F0C	RGB 38 15 12	#260F0C

#5E282D #542225 #4B1D1E #421818 #381513 #2F120F #260F0C

#5E282D - #421818 - #260F0C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E282D 0%, #421818 50%, #260F0C 100%);
    background: -webkit-linear-gradient(top, #5E282D 0%, #421818 50%, #260F0C 100%);
    background: linear-gradient(to bottom, #5E282D 0%, #421818 50%, #260F0C 100%);
}
</style>