#220B18 - #5E3C4E | 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 #220B18 to #5E3C4E

#220B18 #5E3C4E

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

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

0.0%	0.0% #220B18	RGB 34 11 24	#220B18
16.7%	16.7% #2C1321	RGB 44 19 33	#2C1321
33.3%	33.3% #361B2A	RGB 54 27 42	#361B2A
50.0%	50.0% #402333	RGB 64 35 51	#402333
66.7%	66.7% #4A2B3C	RGB 74 43 60	#4A2B3C
83.3%	83.3% #543345	RGB 84 51 69	#543345
100.0%	100.0% #5E3C4E	RGB 94 60 78	#5E3C4E

#220B18 #2C1321 #361B2A #402333 #4A2B3C #543345 #5E3C4E

#220B18 - #5E3C4E

HSV Blend

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

0.0%	0.0% #220B18	RGB 34 11 24	#220B18
16.7%	16.7% #2C101F	RGB 44 16 31	#2C101F
33.3%	33.3% #361728	RGB 54 23 40	#361728
50.0%	50.0% #401E30	RGB 64 30 48	#401E30
66.7%	66.7% #4A273A	RGB 74 39 58	#4A273A
83.3%	83.3% #543143	RGB 84 49 67	#543143
100.0%	100.0% #5E3C4E	RGB 94 60 78	#5E3C4E

#220B18 #2C101F #361728 #401E30 #4A273A #543143 #5E3C4E

#220B18 - #401E30 - #5E3C4E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #220B18 0%, #401E30 50%, #5E3C4E 100%);
    background: -webkit-linear-gradient(top, #220B18 0%, #401E30 50%, #5E3C4E 100%);
    background: linear-gradient(to bottom, #220B18 0%, #401E30 50%, #5E3C4E 100%);
}
</style>