#5E1220 - #1C090C | 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 #5E1220 to #1C090C

#5E1220 #1C090C

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

#5E1220 - #1C090C | 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 #5E1220 as 0% and #1C090C as 100%.

0.0%	0.0% #5E1220	RGB 94 18 32	#5E1220
16.7%	16.7% #53101C	RGB 83 16 28	#53101C
33.3%	33.3% #480F19	RGB 72 15 25	#480F19
50.0%	50.0% #3D0D16	RGB 61 13 22	#3D0D16
66.7%	66.7% #320C12	RGB 50 12 18	#320C12
83.3%	83.3% #270A0F	RGB 39 10 15	#270A0F
100.0%	100.0% #1C090C	RGB 28 9 12	#1C090C

#5E1220 #53101C #480F19 #3D0D16 #320C12 #270A0F #1C090C

#5E1220 - #1C090C

HSV Blend

#5E1220 - #1C090C | 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 #5E1220 as 0% and #1C090C as 100%.

0.0%	0.0% #5E111F	RGB 94 17 31	#5E111F
16.7%	16.7% #53111D	RGB 83 17 29	#53111D
33.3%	33.3% #48101A	RGB 72 16 26	#48101A
50.0%	50.0% #3D0F17	RGB 61 15 23	#3D0F17
66.7%	66.7% #320D13	RGB 50 13 19	#320D13
83.3%	83.3% #270B10	RGB 39 11 16	#270B10
100.0%	100.0% #1C090C	RGB 28 9 12	#1C090C

#5E111F #53111D #48101A #3D0F17 #320D13 #270B10 #1C090C

#5E1220 - #3D0F17 - #1C090C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E111F 0%, #3D0F17 50%, #1C090C 100%);
    background: -webkit-linear-gradient(top, #5E111F 0%, #3D0F17 50%, #1C090C 100%);
    background: linear-gradient(to bottom, #5E111F 0%, #3D0F17 50%, #1C090C 100%);
}
</style>