#4D5E02 - #D6CB1C | 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 #4D5E02 to #D6CB1C

#4D5E02 #D6CB1C

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

#4D5E02 - #D6CB1C | 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 #4D5E02 as 0% and #D6CB1C as 100%.

0.0%	0.0% #4D5E02	RGB 77 94 2	#4D5E02
16.7%	16.7% #637006	RGB 99 112 6	#637006
33.3%	33.3% #7A820A	RGB 122 130 10	#7A820A
50.0%	50.0% #91940F	RGB 145 148 15	#91940F
66.7%	66.7% #A8A613	RGB 168 166 19	#A8A613
83.3%	83.3% #BFB817	RGB 191 184 23	#BFB817
100.0%	100.0% #D6CB1C	RGB 214 203 28	#D6CB1C

#4D5E02 #637006 #7A820A #91940F #A8A613 #BFB817 #D6CB1C

#4D5E02 - #D6CB1C

HSV Blend

#4D5E02 - #D6CB1C | 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 #4D5E02 as 0% and #D6CB1C as 100%.

0.0%	0.0% #4D5E01	RGB 77 94 1	#4D5E01
16.7%	16.7% #627204	RGB 98 114 4	#627204
33.3%	33.3% #788607	RGB 120 134 7	#788607
50.0%	50.0% #919A0B	RGB 145 154 11	#919A0B
66.7%	66.7% #AAAE10	RGB 170 174 16	#AAAE10
83.3%	83.3% #C2BE15	RGB 194 190 21	#C2BE15
100.0%	100.0% #D6CB1C	RGB 214 203 28	#D6CB1C

#4D5E01 #627204 #788607 #919A0B #AAAE10 #C2BE15 #D6CB1C

#4D5E02 - #919A0B - #D6CB1C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E01 0%, #919A0B 50%, #D6CB1C 100%);
    background: -webkit-linear-gradient(top, #4D5E01 0%, #919A0B 50%, #D6CB1C 100%);
    background: linear-gradient(to bottom, #4D5E01 0%, #919A0B 50%, #D6CB1C 100%);
}
</style>