#3C3E3A - #75AD6E | 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 #3C3E3A to #75AD6E

#3C3E3A #75AD6E

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

#3C3E3A - #75AD6E | 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 #3C3E3A as 0% and #75AD6E as 100%.

0.0%	0.0% #3C3E3A	RGB 60 62 58	#3C3E3A
16.7%	16.7% #455042	RGB 69 80 66	#455042
33.3%	33.3% #4F634B	RGB 79 99 75	#4F634B
50.0%	50.0% #587554	RGB 88 117 84	#587554
66.7%	66.7% #62885C	RGB 98 136 92	#62885C
83.3%	83.3% #6B9A65	RGB 107 154 101	#6B9A65
100.0%	100.0% #75AD6E	RGB 117 173 110	#75AD6E

#3C3E3A #455042 #4F634B #587554 #62885C #6B9A65 #75AD6E

#3C3E3A - #75AD6E

HSV Blend

#3C3E3A - #75AD6E | 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 #3C3E3A as 0% and #75AD6E as 100%.

0.0%	0.0% #3C3E3A	RGB 60 62 58	#3C3E3A
16.7%	16.7% #4B5047	RGB 75 80 71	#4B5047
33.3%	33.3% #586352	RGB 88 99 82	#586352
50.0%	50.0% #64755C	RGB 100 117 92	#64755C
66.7%	66.7% #6C8864	RGB 108 136 100	#6C8864
83.3%	83.3% #729A69	RGB 114 154 105	#729A69
100.0%	100.0% #75AD6E	RGB 117 173 110	#75AD6E

#3C3E3A #4B5047 #586352 #64755C #6C8864 #729A69 #75AD6E

#3C3E3A - #64755C - #75AD6E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3E3A 0%, #64755C 50%, #75AD6E 100%);
    background: -webkit-linear-gradient(top, #3C3E3A 0%, #64755C 50%, #75AD6E 100%);
    background: linear-gradient(to bottom, #3C3E3A 0%, #64755C 50%, #75AD6E 100%);
}
</style>