#5E112C - #380718 | 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 #5E112C to #380718

#5E112C #380718

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

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

0.0%	0.0% #5E112C	RGB 94 17 44	#5E112C
16.7%	16.7% #570F28	RGB 87 15 40	#570F28
33.3%	33.3% #510D25	RGB 81 13 37	#510D25
50.0%	50.0% #4B0C22	RGB 75 12 34	#4B0C22
66.7%	66.7% #440A1E	RGB 68 10 30	#440A1E
83.3%	83.3% #3E081B	RGB 62 8 27	#3E081B
100.0%	100.0% #380718	RGB 56 7 24	#380718

#5E112C #570F28 #510D25 #4B0C22 #440A1E #3E081B #380718

#5E112C - #380718

HSV Blend

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

0.0%	0.0% #5E102C	RGB 94 16 44	#5E102C
16.7%	16.7% #570F28	RGB 87 15 40	#570F28
33.3%	33.3% #510D25	RGB 81 13 37	#510D25
50.0%	50.0% #4B0B21	RGB 75 11 33	#4B0B21
66.7%	66.7% #44091E	RGB 68 9 30	#44091E
83.3%	83.3% #3E081B	RGB 62 8 27	#3E081B
100.0%	100.0% #380718	RGB 56 7 24	#380718

#5E102C #570F28 #510D25 #4B0B21 #44091E #3E081B #380718

#5E112C - #4B0B21 - #380718

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E102C 0%, #4B0B21 50%, #380718 100%);
    background: -webkit-linear-gradient(top, #5E102C 0%, #4B0B21 50%, #380718 100%);
    background: linear-gradient(to bottom, #5E102C 0%, #4B0B21 50%, #380718 100%);
}
</style>