#3C875F - #B9CF80 | 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 #3C875F to #B9CF80

#3C875F #B9CF80

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

#3C875F - #B9CF80 | 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 #3C875F as 0% and #B9CF80 as 100%.

0.0%	0.0% #3C875F	RGB 60 135 95	#3C875F
16.7%	16.7% #509364	RGB 80 147 100	#509364
33.3%	33.3% #659F6A	RGB 101 159 106	#659F6A
50.0%	50.0% #7AAB6F	RGB 122 171 111	#7AAB6F
66.7%	66.7% #8FB775	RGB 143 183 117	#8FB775
83.3%	83.3% #A4C37A	RGB 164 195 122	#A4C37A
100.0%	100.0% #B9CF80	RGB 185 207 128	#B9CF80

#3C875F #509364 #659F6A #7AAB6F #8FB775 #A4C37A #B9CF80

#3C875F - #B9CF80

HSV Blend

#3C875F - #B9CF80 | 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 #3C875F as 0% and #B9CF80 as 100%.

0.0%	0.0% #3C875F	RGB 60 135 95	#3C875F
16.7%	16.7% #45935A	RGB 69 147 90	#45935A
33.3%	33.3% #4F9F55	RGB 79 159 85	#4F9F55
50.0%	50.0% #65AB5A	RGB 101 171 90	#65AB5A
66.7%	66.7% #80B766	RGB 128 183 102	#80B766
83.3%	83.3% #9CC372	RGB 156 195 114	#9CC372
100.0%	100.0% #B9CF80	RGB 185 207 128	#B9CF80

#3C875F #45935A #4F9F55 #65AB5A #80B766 #9CC372 #B9CF80

#3C875F - #65AB5A - #B9CF80

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C875F 0%, #65AB5A 50%, #B9CF80 100%);
    background: -webkit-linear-gradient(top, #3C875F 0%, #65AB5A 50%, #B9CF80 100%);
    background: linear-gradient(to bottom, #3C875F 0%, #65AB5A 50%, #B9CF80 100%);
}
</style>