#1E101F - #070408 | 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 #1E101F to #070408

#1E101F #070408

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

#1E101F - #070408 | 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 #1E101F as 0% and #070408 as 100%.

0.0%	0.0% #1E101F	RGB 30 16 31	#1E101F
16.7%	16.7% #1A0E1B	RGB 26 14 27	#1A0E1B
33.3%	33.3% #160C17	RGB 22 12 23	#160C17
50.0%	50.0% #120A13	RGB 18 10 19	#120A13
66.7%	66.7% #0E080F	RGB 14 8 15	#0E080F
83.3%	83.3% #0A060B	RGB 10 6 11	#0A060B
100.0%	100.0% #070408	RGB 7 4 8	#070408

#1E101F #1A0E1B #160C17 #120A13 #0E080F #0A060B #070408

#1E101F - #070408

HSV Blend

#1E101F - #070408 | 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 #1E101F as 0% and #070408 as 100%.

0.0%	0.0% #1E101F	RGB 30 16 31	#1E101F
16.7%	16.7% #190D1B	RGB 25 13 27	#190D1B
33.3%	33.3% #150B17	RGB 21 11 23	#150B17
50.0%	50.0% #110913	RGB 17 9 19	#110913
66.7%	66.7% #0E070F	RGB 14 7 15	#0E070F
83.3%	83.3% #0A050B	RGB 10 5 11	#0A050B
100.0%	100.0% #070408	RGB 7 4 8	#070408

#1E101F #190D1B #150B17 #110913 #0E070F #0A050B #070408

#1E101F - #110913 - #070408

CSS codes

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

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