#201401 - #5E570C | 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 #201401 to #5E570C

#201401 #5E570C

Calculate the color between two colors, #201401 and #5E570C. 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)

#201401 - #5E570C | 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 #201401 as 0% and #5E570C as 100%.

0.0%	0.0% #201401	RGB 32 20 1	#201401
16.7%	16.7% #2A1F02	RGB 42 31 2	#2A1F02
33.3%	33.3% #342A04	RGB 52 42 4	#342A04
50.0%	50.0% #3F3506	RGB 63 53 6	#3F3506
66.7%	66.7% #494008	RGB 73 64 8	#494008
83.3%	83.3% #534B0A	RGB 83 75 10	#534B0A
100.0%	100.0% #5E570C	RGB 94 87 12	#5E570C

#201401 #2A1F02 #342A04 #3F3506 #494008 #534B0A #5E570C

#201401 - #5E570C

HSV Blend

#201401 - #5E570C | 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 #201401 as 0% and #5E570C as 100%.

0.0%	0.0% #201401	RGB 32 20 1	#201401
16.7%	16.7% #2A1C02	RGB 42 28 2	#2A1C02
33.3%	33.3% #342603	RGB 52 38 3	#342603
50.0%	50.0% #3F3105	RGB 63 49 5	#3F3105
66.7%	66.7% #493D07	RGB 73 61 7	#493D07
83.3%	83.3% #534909	RGB 83 73 9	#534909
100.0%	100.0% #5E570C	RGB 94 87 12	#5E570C

#201401 #2A1C02 #342603 #3F3105 #493D07 #534909 #5E570C

#201401 - #3F3105 - #5E570C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201401 0%, #3F3105 50%, #5E570C 100%);
    background: -webkit-linear-gradient(top, #201401 0%, #3F3105 50%, #5E570C 100%);
    background: linear-gradient(to bottom, #201401 0%, #3F3105 50%, #5E570C 100%);
}
</style>