#551D1D - #3B0E04 | 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 #551D1D to #3B0E04

#551D1D #3B0E04

Calculate the color between two colors, #551D1D and #3B0E04. 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)

#551D1D - #3B0E04 | 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 #551D1D as 0% and #3B0E04 as 100%.

0.0%	0.0% #551D1D	RGB 85 29 29	#551D1D
16.7%	16.7% #501A18	RGB 80 26 24	#501A18
33.3%	33.3% #4C1814	RGB 76 24 20	#4C1814
50.0%	50.0% #481510	RGB 72 21 16	#481510
66.7%	66.7% #43130C	RGB 67 19 12	#43130C
83.3%	83.3% #3F1008	RGB 63 16 8	#3F1008
100.0%	100.0% #3B0E04	RGB 59 14 4	#3B0E04

#551D1D #501A18 #4C1814 #481510 #43130C #3F1008 #3B0E04

#551D1D - #3B0E04

HSV Blend

#551D1D - #3B0E04 | 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 #551D1D as 0% and #3B0E04 as 100%.

0.0%	0.0% #551D1D	RGB 85 29 29	#551D1D
16.7%	16.7% #501917	RGB 80 25 23	#501917
33.3%	33.3% #4C1613	RGB 76 22 19	#4C1613
50.0%	50.0% #48130E	RGB 72 19 14	#48130E
66.7%	66.7% #43110A	RGB 67 17 10	#43110A
83.3%	83.3% #3F0F07	RGB 63 15 7	#3F0F07
100.0%	100.0% #3B0E04	RGB 59 14 4	#3B0E04

#551D1D #501917 #4C1613 #48130E #43110A #3F0F07 #3B0E04

#551D1D - #48130E - #3B0E04

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #551D1D 0%, #48130E 50%, #3B0E04 100%);
    background: -webkit-linear-gradient(top, #551D1D 0%, #48130E 50%, #3B0E04 100%);
    background: linear-gradient(to bottom, #551D1D 0%, #48130E 50%, #3B0E04 100%);
}
</style>