#3C9660 - #006518 | 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 #3C9660 to #006518

#3C9660 #006518

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

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

0.0%	0.0% #3C9660	RGB 60 150 96	#3C9660
16.7%	16.7% #328D54	RGB 50 141 84	#328D54
33.3%	33.3% #288548	RGB 40 133 72	#288548
50.0%	50.0% #1E7D3C	RGB 30 125 60	#1E7D3C
66.7%	66.7% #147530	RGB 20 117 48	#147530
83.3%	83.3% #0A6D24	RGB 10 109 36	#0A6D24
100.0%	100.0% #006518	RGB 0 101 24	#006518

#3C9660 #328D54 #288548 #1E7D3C #147530 #0A6D24 #006518

#3C9660 - #006518

HSV Blend

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

0.0%	0.0% #3C9660	RGB 60 150 96	#3C9660
16.7%	16.7% #2F8D52	RGB 47 141 82	#2F8D52
33.3%	33.3% #238545	RGB 35 133 69	#238545
50.0%	50.0% #197D39	RGB 25 125 57	#197D39
66.7%	66.7% #0F752D	RGB 15 117 45	#0F752D
83.3%	83.3% #076D22	RGB 7 109 34	#076D22
100.0%	100.0% #006518	RGB 0 101 24	#006518

#3C9660 #2F8D52 #238545 #197D39 #0F752D #076D22 #006518

#3C9660 - #197D39 - #006518

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C9660 0%, #197D39 50%, #006518 100%);
    background: -webkit-linear-gradient(top, #3C9660 0%, #197D39 50%, #006518 100%);
    background: linear-gradient(to bottom, #3C9660 0%, #197D39 50%, #006518 100%);
}
</style>