#3CCC3C - #0C9A10 | 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 #3CCC3C to #0C9A10

#3CCC3C #0C9A10

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

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

0.0%	0.0% #3CCC3C	RGB 60 204 60	#3CCC3C
16.7%	16.7% #34C334	RGB 52 195 52	#34C334
33.3%	33.3% #2CBB2D	RGB 44 187 45	#2CBB2D
50.0%	50.0% #24B326	RGB 36 179 38	#24B326
66.7%	66.7% #1CAA1E	RGB 28 170 30	#1CAA1E
83.3%	83.3% #14A217	RGB 20 162 23	#14A217
100.0%	100.0% #0C9A10	RGB 12 154 16	#0C9A10

#3CCC3C #34C334 #2CBB2D #24B326 #1CAA1E #14A217 #0C9A10

#3CCC3C - #0C9A10

HSV Blend

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

0.0%	0.0% #3CCC3C	RGB 60 204 60	#3CCC3C
16.7%	16.7% #32C333	RGB 50 195 51	#32C333
33.3%	33.3% #29BB2A	RGB 41 187 42	#29BB2A
50.0%	50.0% #21B323	RGB 33 179 35	#21B323
66.7%	66.7% #19AA1C	RGB 25 170 28	#19AA1C
83.3%	83.3% #12A215	RGB 18 162 21	#12A215
100.0%	100.0% #0C9A10	RGB 12 154 16	#0C9A10

#3CCC3C #32C333 #29BB2A #21B323 #19AA1C #12A215 #0C9A10

#3CCC3C - #21B323 - #0C9A10

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3CCC3C 0%, #21B323 50%, #0C9A10 100%);
    background: -webkit-linear-gradient(top, #3CCC3C 0%, #21B323 50%, #0C9A10 100%);
    background: linear-gradient(to bottom, #3CCC3C 0%, #21B323 50%, #0C9A10 100%);
}
</style>