#3B5E15 - #4DB326 | 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 #3B5E15 to #4DB326

#3B5E15 #4DB326

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

#3B5E15 - #4DB326 | 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 #3B5E15 as 0% and #4DB326 as 100%.

0.0%	0.0% #3B5E15	RGB 59 94 21	#3B5E15
16.7%	16.7% #3E6C17	RGB 62 108 23	#3E6C17
33.3%	33.3% #417A1A	RGB 65 122 26	#417A1A
50.0%	50.0% #44881D	RGB 68 136 29	#44881D
66.7%	66.7% #479620	RGB 71 150 32	#479620
83.3%	83.3% #4AA423	RGB 74 164 35	#4AA423
100.0%	100.0% #4DB326	RGB 77 179 38	#4DB326

#3B5E15 #3E6C17 #417A1A #44881D #479620 #4AA423 #4DB326

#3B5E15 - #4DB326

HSV Blend

#3B5E15 - #4DB326 | 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 #3B5E15 as 0% and #4DB326 as 100%.

0.0%	0.0% #3B5E14	RGB 59 94 20	#3B5E14
16.7%	16.7% #406C17	RGB 64 108 23	#406C17
33.3%	33.3% #447A1A	RGB 68 122 26	#447A1A
50.0%	50.0% #48881D	RGB 72 136 29	#48881D
66.7%	66.7% #4A9620	RGB 74 150 32	#4A9620
83.3%	83.3% #4CA423	RGB 76 164 35	#4CA423
100.0%	100.0% #4DB326	RGB 77 179 38	#4DB326

#3B5E14 #406C17 #447A1A #48881D #4A9620 #4CA423 #4DB326

#3B5E15 - #48881D - #4DB326

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B5E14 0%, #48881D 50%, #4DB326 100%);
    background: -webkit-linear-gradient(top, #3B5E14 0%, #48881D 50%, #4DB326 100%);
    background: linear-gradient(to bottom, #3B5E14 0%, #48881D 50%, #4DB326 100%);
}
</style>