#135611 - #76AE3E | 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 #135611 to #76AE3E

#135611 #76AE3E

Calculate the color between two colors, #135611 and #76AE3E. 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)

#135611 - #76AE3E | 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 #135611 as 0% and #76AE3E as 100%.

0.0%	0.0% #135611	RGB 19 86 17	#135611
16.7%	16.7% #236418	RGB 35 100 24	#236418
33.3%	33.3% #347320	RGB 52 115 32	#347320
50.0%	50.0% #448227	RGB 68 130 39	#448227
66.7%	66.7% #55902F	RGB 85 144 47	#55902F
83.3%	83.3% #659F36	RGB 101 159 54	#659F36
100.0%	100.0% #76AE3E	RGB 118 174 62	#76AE3E

#135611 #236418 #347320 #448227 #55902F #659F36 #76AE3E

#135611 - #76AE3E

HSV Blend

#135611 - #76AE3E | 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 #135611 as 0% and #76AE3E as 100%.

0.0%	0.0% #125610	RGB 18 86 16	#125610
16.7%	16.7% #1E6416	RGB 30 100 22	#1E6416
33.3%	33.3% #2C731C	RGB 44 115 28	#2C731C
50.0%	50.0% #3C8224	RGB 60 130 36	#3C8224
66.7%	66.7% #4E902B	RGB 78 144 43	#4E902B
83.3%	83.3% #619F34	RGB 97 159 52	#619F34
100.0%	100.0% #76AE3E	RGB 118 174 62	#76AE3E

#125610 #1E6416 #2C731C #3C8224 #4E902B #619F34 #76AE3E

#135611 - #3C8224 - #76AE3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #125610 0%, #3C8224 50%, #76AE3E 100%);
    background: -webkit-linear-gradient(top, #125610 0%, #3C8224 50%, #76AE3E 100%);
    background: linear-gradient(to bottom, #125610 0%, #3C8224 50%, #76AE3E 100%);
}
</style>