#488F3C - #ECDA67 | 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 #488F3C to #ECDA67

#488F3C #ECDA67

Calculate the color between two colors, #488F3C and #ECDA67. 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)

#488F3C - #ECDA67 | 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 #488F3C as 0% and #ECDA67 as 100%.

0.0%	0.0% #488F3C	RGB 72 143 60	#488F3C
16.7%	16.7% #639B43	RGB 99 155 67	#639B43
33.3%	33.3% #7EA84A	RGB 126 168 74	#7EA84A
50.0%	50.0% #9AB451	RGB 154 180 81	#9AB451
66.7%	66.7% #B5C158	RGB 181 193 88	#B5C158
83.3%	83.3% #D0CD5F	RGB 208 205 95	#D0CD5F
100.0%	100.0% #ECDA67	RGB 236 218 103	#ECDA67

#488F3C #639B43 #7EA84A #9AB451 #B5C158 #D0CD5F #ECDA67

#488F3C - #ECDA67

HSV Blend

#488F3C - #ECDA67 | 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 #488F3C as 0% and #ECDA67 as 100%.

0.0%	0.0% #488F3C	RGB 72 143 60	#488F3C
16.7%	16.7% #5F9E42	RGB 95 158 66	#5F9E42
33.3%	33.3% #79AE49	RGB 121 174 73	#79AE49
50.0%	50.0% #96BD51	RGB 150 189 81	#96BD51
66.7%	66.7% #B6CD58	RGB 182 205 88	#B6CD58
83.3%	83.3% #D8DC5F	RGB 216 220 95	#D8DC5F
100.0%	100.0% #ECDA67	RGB 236 218 103	#ECDA67

#488F3C #5F9E42 #79AE49 #96BD51 #B6CD58 #D8DC5F #ECDA67

#488F3C - #96BD51 - #ECDA67

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #488F3C 0%, #96BD51 50%, #ECDA67 100%);
    background: -webkit-linear-gradient(top, #488F3C 0%, #96BD51 50%, #ECDA67 100%);
    background: linear-gradient(to bottom, #488F3C 0%, #96BD51 50%, #ECDA67 100%);
}
</style>