#201212 - #644B47 | 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 #201212 to #644B47

#201212 #644B47

Calculate the color between two colors, #201212 and #644B47. 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)

#201212 - #644B47 | 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 #201212 as 0% and #644B47 as 100%.

0.0%	0.0% #201212	RGB 32 18 18	#201212
16.7%	16.7% #2B1B1A	RGB 43 27 26	#2B1B1A
33.3%	33.3% #362523	RGB 54 37 35	#362523
50.0%	50.0% #422E2C	RGB 66 46 44	#422E2C
66.7%	66.7% #4D3835	RGB 77 56 53	#4D3835
83.3%	83.3% #58413E	RGB 88 65 62	#58413E
100.0%	100.0% #644B47	RGB 100 75 71	#644B47

#201212 #2B1B1A #362523 #422E2C #4D3835 #58413E #644B47

#201212 - #644B47

HSV Blend

#201212 - #644B47 | 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 #201212 as 0% and #644B47 as 100%.

0.0%	0.0% #201212	RGB 32 18 18	#201212
16.7%	16.7% #2B1919	RGB 43 25 25	#2B1919
33.3%	33.3% #362221	RGB 54 34 33	#362221
50.0%	50.0% #422B29	RGB 66 43 41	#422B29
66.7%	66.7% #4D3533	RGB 77 53 51	#4D3533
83.3%	83.3% #583F3C	RGB 88 63 60	#583F3C
100.0%	100.0% #644B47	RGB 100 75 71	#644B47

#201212 #2B1919 #362221 #422B29 #4D3533 #583F3C #644B47

#201212 - #422B29 - #644B47

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201212 0%, #422B29 50%, #644B47 100%);
    background: -webkit-linear-gradient(top, #201212 0%, #422B29 50%, #644B47 100%);
    background: linear-gradient(to bottom, #201212 0%, #422B29 50%, #644B47 100%);
}
</style>