#220C09 - #5E3E38 | 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 #220C09 to #5E3E38

#220C09 #5E3E38

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

#220C09 - #5E3E38 | 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 #220C09 as 0% and #5E3E38 as 100%.

0.0%	0.0% #220C09	RGB 34 12 9	#220C09
16.7%	16.7% #2C1410	RGB 44 20 16	#2C1410
33.3%	33.3% #361C18	RGB 54 28 24	#361C18
50.0%	50.0% #402520	RGB 64 37 32	#402520
66.7%	66.7% #4A2D28	RGB 74 45 40	#4A2D28
83.3%	83.3% #543530	RGB 84 53 48	#543530
100.0%	100.0% #5E3E38	RGB 94 62 56	#5E3E38

#220C09 #2C1410 #361C18 #402520 #4A2D28 #543530 #5E3E38

#220C09 - #5E3E38

HSV Blend

#220C09 - #5E3E38 | 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 #220C09 as 0% and #5E3E38 as 100%.

0.0%	0.0% #220C09	RGB 34 12 9	#220C09
16.7%	16.7% #2C110E	RGB 44 17 14	#2C110E
33.3%	33.3% #361814	RGB 54 24 20	#361814
50.0%	50.0% #40201B	RGB 64 32 27	#40201B
66.7%	66.7% #4A2923	RGB 74 41 35	#4A2923
83.3%	83.3% #54332D	RGB 84 51 45	#54332D
100.0%	100.0% #5E3E38	RGB 94 62 56	#5E3E38

#220C09 #2C110E #361814 #40201B #4A2923 #54332D #5E3E38

#220C09 - #40201B - #5E3E38

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #220C09 0%, #40201B 50%, #5E3E38 100%);
    background: -webkit-linear-gradient(top, #220C09 0%, #40201B 50%, #5E3E38 100%);
    background: linear-gradient(to bottom, #220C09 0%, #40201B 50%, #5E3E38 100%);
}
</style>