#201E01 - #4D5E0E | 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 #201E01 to #4D5E0E

#201E01 #4D5E0E

Calculate the color between two colors, #201E01 and #4D5E0E. 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)

#201E01 - #4D5E0E | 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 #201E01 as 0% and #4D5E0E as 100%.

0.0%	0.0% #201E01	RGB 32 30 1	#201E01
16.7%	16.7% #272803	RGB 39 40 3	#272803
33.3%	33.3% #2F3305	RGB 47 51 5	#2F3305
50.0%	50.0% #363E07	RGB 54 62 7	#363E07
66.7%	66.7% #3E4809	RGB 62 72 9	#3E4809
83.3%	83.3% #45530B	RGB 69 83 11	#45530B
100.0%	100.0% #4D5E0E	RGB 77 94 14	#4D5E0E

#201E01 #272803 #2F3305 #363E07 #3E4809 #45530B #4D5E0E

#201E01 - #4D5E0E

HSV Blend

#201E01 - #4D5E0E | 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 #201E01 as 0% and #4D5E0E as 100%.

0.0%	0.0% #201E01	RGB 32 30 1	#201E01
16.7%	16.7% #2A2902	RGB 42 41 2	#2A2902
33.3%	33.3% #333403	RGB 51 52 3	#333403
50.0%	50.0% #3A3F05	RGB 58 63 5	#3A3F05
66.7%	66.7% #414908	RGB 65 73 8	#414908
83.3%	83.3% #47530A	RGB 71 83 10	#47530A
100.0%	100.0% #4D5E0E	RGB 77 94 14	#4D5E0E

#201E01 #2A2902 #333403 #3A3F05 #414908 #47530A #4D5E0E

#201E01 - #3A3F05 - #4D5E0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201E01 0%, #3A3F05 50%, #4D5E0E 100%);
    background: -webkit-linear-gradient(top, #201E01 0%, #3A3F05 50%, #4D5E0E 100%);
    background: linear-gradient(to bottom, #201E01 0%, #3A3F05 50%, #4D5E0E 100%);
}
</style>