#201010 - #310603 | 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 #201010 to #310603

#201010 #310603

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

#201010 - #310603 | 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 #201010 as 0% and #310603 as 100%.

0.0%	0.0% #201010	RGB 32 16 16	#201010
16.7%	16.7% #220E0D	RGB 34 14 13	#220E0D
33.3%	33.3% #250C0B	RGB 37 12 11	#250C0B
50.0%	50.0% #280B09	RGB 40 11 9	#280B09
66.7%	66.7% #2B0907	RGB 43 9 7	#2B0907
83.3%	83.3% #2E0705	RGB 46 7 5	#2E0705
100.0%	100.0% #310603	RGB 49 6 3	#310603

#201010 #220E0D #250C0B #280B09 #2B0907 #2E0705 #310603

#201010 - #310603

HSV Blend

#201010 - #310603 | 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 #201010 as 0% and #310603 as 100%.

0.0%	0.0% #201010	RGB 32 16 16	#201010
16.7%	16.7% #220F0E	RGB 34 15 14	#220F0E
33.3%	33.3% #250D0D	RGB 37 13 13	#250D0D
50.0%	50.0% #280C0B	RGB 40 12 11	#280C0B
66.7%	66.7% #2B0A08	RGB 43 10 8	#2B0A08
83.3%	83.3% #2E0806	RGB 46 8 6	#2E0806
100.0%	100.0% #310603	RGB 49 6 3	#310603

#201010 #220F0E #250D0D #280C0B #2B0A08 #2E0806 #310603

#201010 - #280C0B - #310603

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201010 0%, #280C0B 50%, #310603 100%);
    background: -webkit-linear-gradient(top, #201010 0%, #280C0B 50%, #310603 100%);
    background: linear-gradient(to bottom, #201010 0%, #280C0B 50%, #310603 100%);
}
</style>