#41BA4D - #E6D7AF | 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 #41BA4D to #E6D7AF

#41BA4D #E6D7AF

Calculate the color between two colors, #41BA4D and #E6D7AF. 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)

#41BA4D - #E6D7AF | 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 #41BA4D as 0% and #E6D7AF as 100%.

0.0%	0.0% #41BA4D	RGB 65 186 77	#41BA4D
16.7%	16.7% #5CBE5D	RGB 92 190 93	#5CBE5D
33.3%	33.3% #78C36D	RGB 120 195 109	#78C36D
50.0%	50.0% #93C87E	RGB 147 200 126	#93C87E
66.7%	66.7% #AFCD8E	RGB 175 205 142	#AFCD8E
83.3%	83.3% #CAD29E	RGB 202 210 158	#CAD29E
100.0%	100.0% #E6D7AF	RGB 230 215 175	#E6D7AF

#41BA4D #5CBE5D #78C36D #93C87E #AFCD8E #CAD29E #E6D7AF

#41BA4D - #E6D7AF

HSV Blend

#41BA4D - #E6D7AF | 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 #41BA4D as 0% and #E6D7AF as 100%.

0.0%	0.0% #41BA4C	RGB 65 186 76	#41BA4C
16.7%	16.7% #5FC150	RGB 95 193 80	#5FC150
33.3%	33.3% #86C861	RGB 134 200 97	#86C861
50.0%	50.0% #A9D073	RGB 169 208 115	#A9D073
66.7%	66.7% #C8D786	RGB 200 215 134	#C8D786
83.3%	83.3% #DEDB9A	RGB 222 219 154	#DEDB9A
100.0%	100.0% #E6D7AF	RGB 230 215 175	#E6D7AF

#41BA4C #5FC150 #86C861 #A9D073 #C8D786 #DEDB9A #E6D7AF

#41BA4D - #A9D073 - #E6D7AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #41BA4C 0%, #A9D073 50%, #E6D7AF 100%);
    background: -webkit-linear-gradient(top, #41BA4C 0%, #A9D073 50%, #E6D7AF 100%);
    background: linear-gradient(to bottom, #41BA4C 0%, #A9D073 50%, #E6D7AF 100%);
}
</style>