#20160B - #260D04 | 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 #20160B to #260D04

#20160B #260D04

Calculate the color between two colors, #20160B and #260D04. 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)

#20160B - #260D04 | 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 #20160B as 0% and #260D04 as 100%.

0.0%	0.0% #20160B	RGB 32 22 11	#20160B
16.7%	16.7% #211409	RGB 33 20 9	#211409
33.3%	33.3% #221308	RGB 34 19 8	#221308
50.0%	50.0% #231107	RGB 35 17 7	#231107
66.7%	66.7% #241006	RGB 36 16 6	#241006
83.3%	83.3% #250E05	RGB 37 14 5	#250E05
100.0%	100.0% #260D04	RGB 38 13 4	#260D04

#20160B #211409 #221308 #231107 #241006 #250E05 #260D04

#20160B - #260D04

HSV Blend

#20160B - #260D04 | 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 #20160B as 0% and #260D04 as 100%.

0.0%	0.0% #20160B	RGB 32 22 11	#20160B
16.7%	16.7% #21150A	RGB 33 21 10	#21150A
33.3%	33.3% #221308	RGB 34 19 8	#221308
50.0%	50.0% #231207	RGB 35 18 7	#231207
66.7%	66.7% #241006	RGB 36 16 6	#241006
83.3%	83.3% #250F05	RGB 37 15 5	#250F05
100.0%	100.0% #260D04	RGB 38 13 4	#260D04

#20160B #21150A #221308 #231207 #241006 #250F05 #260D04

#20160B - #231207 - #260D04

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #20160B 0%, #231207 50%, #260D04 100%);
    background: -webkit-linear-gradient(top, #20160B 0%, #231207 50%, #260D04 100%);
    background: linear-gradient(to bottom, #20160B 0%, #231207 50%, #260D04 100%);
}
</style>