#20160C - #270D04 | 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 #20160C to #270D04

#20160C #270D04

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

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

0.0%	0.0% #20160C	RGB 32 22 12	#20160C
16.7%	16.7% #21140A	RGB 33 20 10	#21140A
33.3%	33.3% #221309	RGB 34 19 9	#221309
50.0%	50.0% #231108	RGB 35 17 8	#231108
66.7%	66.7% #241006	RGB 36 16 6	#241006
83.3%	83.3% #250E05	RGB 37 14 5	#250E05
100.0%	100.0% #270D04	RGB 39 13 4	#270D04

#20160C #21140A #221309 #231108 #241006 #250E05 #270D04

#20160C - #270D04

HSV Blend

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

0.0%	0.0% #20160C	RGB 32 22 12	#20160C
16.7%	16.7% #21150A	RGB 33 21 10	#21150A
33.3%	33.3% #221409	RGB 34 20 9	#221409
50.0%	50.0% #231208	RGB 35 18 8	#231208
66.7%	66.7% #241107	RGB 36 17 7	#241107
83.3%	83.3% #250F05	RGB 37 15 5	#250F05
100.0%	100.0% #270D04	RGB 39 13 4	#270D04

#20160C #21150A #221409 #231208 #241107 #250F05 #270D04

#20160C - #231208 - #270D04

CSS codes

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

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