#11110E - #1E1202 | 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 #11110E to #1E1202

#11110E #1E1202

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

#11110E - #1E1202 | 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 #11110E as 0% and #1E1202 as 100%.

0.0%	0.0% #11110E	RGB 17 17 14	#11110E
16.7%	16.7% #13110C	RGB 19 17 12	#13110C
33.3%	33.3% #15110A	RGB 21 17 10	#15110A
50.0%	50.0% #171108	RGB 23 17 8	#171108
66.7%	66.7% #191106	RGB 25 17 6	#191106
83.3%	83.3% #1B1104	RGB 27 17 4	#1B1104
100.0%	100.0% #1E1202	RGB 30 18 2	#1E1202

#11110E #13110C #15110A #171108 #191106 #1B1104 #1E1202

#11110E - #1E1202

HSV Blend

#11110E - #1E1202 | 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 #11110E as 0% and #1E1202 as 100%.

0.0%	0.0% #11110E	RGB 17 17 14	#11110E
16.7%	16.7% #13120D	RGB 19 18 13	#13120D
33.3%	33.3% #15140C	RGB 21 20 12	#15140C
50.0%	50.0% #17140A	RGB 23 20 10	#17140A
66.7%	66.7% #191408	RGB 25 20 8	#191408
83.3%	83.3% #1B1305	RGB 27 19 5	#1B1305
100.0%	100.0% #1E1202	RGB 30 18 2	#1E1202

#11110E #13120D #15140C #17140A #191408 #1B1305 #1E1202

#11110E - #17140A - #1E1202

CSS codes

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

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