#1E2124 - #08090A | 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 #1E2124 to #08090A

#1E2124 #08090A

Calculate the color between two colors, #1E2124 and #08090A. 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)

#1E2124 - #08090A | 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 #1E2124 as 0% and #08090A as 100%.

0.0%	0.0% #1E2124	RGB 30 33 36	#1E2124
16.7%	16.7% #1A1D1F	RGB 26 29 31	#1A1D1F
33.3%	33.3% #16191B	RGB 22 25 27	#16191B
50.0%	50.0% #131517	RGB 19 21 23	#131517
66.7%	66.7% #0F1112	RGB 15 17 18	#0F1112
83.3%	83.3% #0B0D0E	RGB 11 13 14	#0B0D0E
100.0%	100.0% #08090A	RGB 8 9 10	#08090A

#1E2124 #1A1D1F #16191B #131517 #0F1112 #0B0D0E #08090A

#1E2124 - #08090A

HSV Blend

#1E2124 - #08090A | 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 #1E2124 as 0% and #08090A as 100%.

0.0%	0.0% #1E2124	RGB 30 33 36	#1E2124
16.7%	16.7% #1A1C1F	RGB 26 28 31	#1A1C1F
33.3%	33.3% #16181B	RGB 22 24 27	#16181B
50.0%	50.0% #121417	RGB 18 20 23	#121417
66.7%	66.7% #0F1012	RGB 15 16 18	#0F1012
83.3%	83.3% #0B0C0E	RGB 11 12 14	#0B0C0E
100.0%	100.0% #08090A	RGB 8 9 10	#08090A

#1E2124 #1A1C1F #16181B #121417 #0F1012 #0B0C0E #08090A

#1E2124 - #121417 - #08090A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E2124 0%, #121417 50%, #08090A 100%);
    background: -webkit-linear-gradient(top, #1E2124 0%, #121417 50%, #08090A 100%);
    background: linear-gradient(to bottom, #1E2124 0%, #121417 50%, #08090A 100%);
}
</style>