#201818 - #370801 | 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 #201818 to #370801

#201818 #370801

Calculate the color between two colors, #201818 and #370801. 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)

#201818 - #370801 | 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 #201818 as 0% and #370801 as 100%.

0.0%	0.0% #201818	RGB 32 24 24	#201818
16.7%	16.7% #231514	RGB 35 21 20	#231514
33.3%	33.3% #271210	RGB 39 18 16	#271210
50.0%	50.0% #2B100C	RGB 43 16 12	#2B100C
66.7%	66.7% #2F0D08	RGB 47 13 8	#2F0D08
83.3%	83.3% #330A04	RGB 51 10 4	#330A04
100.0%	100.0% #370801	RGB 55 8 1	#370801

#201818 #231514 #271210 #2B100C #2F0D08 #330A04 #370801

#201818 - #370801

HSV Blend

#201818 - #370801 | 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 #201818 as 0% and #370801 as 100%.

0.0%	0.0% #201818	RGB 32 24 24	#201818
16.7%	16.7% #231616	RGB 35 22 22	#231616
33.3%	33.3% #271414	RGB 39 20 20	#271414
50.0%	50.0% #2B1210	RGB 43 18 16	#2B1210
66.7%	66.7% #2F0F0C	RGB 47 15 12	#2F0F0C
83.3%	83.3% #330B07	RGB 51 11 7	#330B07
100.0%	100.0% #370801	RGB 55 8 1	#370801

#201818 #231616 #271414 #2B1210 #2F0F0C #330B07 #370801

#201818 - #2B1210 - #370801

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201818 0%, #2B1210 50%, #370801 100%);
    background: -webkit-linear-gradient(top, #201818 0%, #2B1210 50%, #370801 100%);
    background: linear-gradient(to bottom, #201818 0%, #2B1210 50%, #370801 100%);
}
</style>