#141410 - #1F1302 | 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 #141410 to #1F1302

#141410 #1F1302

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

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

0.0%	0.0% #141410	RGB 20 20 16	#141410
16.7%	16.7% #15130D	RGB 21 19 13	#15130D
33.3%	33.3% #17130B	RGB 23 19 11	#17130B
50.0%	50.0% #191309	RGB 25 19 9	#191309
66.7%	66.7% #1B1306	RGB 27 19 6	#1B1306
83.3%	83.3% #1D1304	RGB 29 19 4	#1D1304
100.0%	100.0% #1F1302	RGB 31 19 2	#1F1302

#141410 #15130D #17130B #191309 #1B1306 #1D1304 #1F1302

#141410 - #1F1302

HSV Blend

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

0.0%	0.0% #141410	RGB 20 20 16	#141410
16.7%	16.7% #15150E	RGB 21 21 14	#15150E
33.3%	33.3% #17160D	RGB 23 22 13	#17160D
50.0%	50.0% #19160B	RGB 25 22 11	#19160B
66.7%	66.7% #1B1608	RGB 27 22 8	#1B1608
83.3%	83.3% #1D1405	RGB 29 20 5	#1D1405
100.0%	100.0% #1F1302	RGB 31 19 2	#1F1302

#141410 #15150E #17160D #19160B #1B1608 #1D1405 #1F1302

#141410 - #19160B - #1F1302

CSS codes

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

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