#3CCC5E - #008127 | 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 #3CCC5E to #008127

#3CCC5E #008127

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

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

0.0%	0.0% #3CCC5E	RGB 60 204 94	#3CCC5E
16.7%	16.7% #32BF54	RGB 50 191 84	#32BF54
33.3%	33.3% #28B34B	RGB 40 179 75	#28B34B
50.0%	50.0% #1EA642	RGB 30 166 66	#1EA642
66.7%	66.7% #149A39	RGB 20 154 57	#149A39
83.3%	83.3% #0A8D30	RGB 10 141 48	#0A8D30
100.0%	100.0% #008127	RGB 0 129 39	#008127

#3CCC5E #32BF54 #28B34B #1EA642 #149A39 #0A8D30 #008127

#3CCC5E - #008127

HSV Blend

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

0.0%	0.0% #3CCC5D	RGB 60 204 93	#3CCC5D
16.7%	16.7% #2EBF52	RGB 46 191 82	#2EBF52
33.3%	33.3% #23B348	RGB 35 179 72	#23B348
50.0%	50.0% #18A63E	RGB 24 166 62	#18A63E
66.7%	66.7% #0F9A36	RGB 15 154 54	#0F9A36
83.3%	83.3% #068D2E	RGB 6 141 46	#068D2E
100.0%	100.0% #008127	RGB 0 129 39	#008127

#3CCC5D #2EBF52 #23B348 #18A63E #0F9A36 #068D2E #008127

#3CCC5E - #18A63E - #008127

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3CCC5D 0%, #18A63E 50%, #008127 100%);
    background: -webkit-linear-gradient(top, #3CCC5D 0%, #18A63E 50%, #008127 100%);
    background: linear-gradient(to bottom, #3CCC5D 0%, #18A63E 50%, #008127 100%);
}
</style>