#3AB601 - #C5EAB6 | 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 #3AB601 to #C5EAB6

#3AB601 #C5EAB6

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

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

0.0%	0.0% #3AB601	RGB 58 182 1	#3AB601
16.7%	16.7% #51BE1F	RGB 81 190 31	#51BE1F
33.3%	33.3% #68C73D	RGB 104 199 61	#68C73D
50.0%	50.0% #7FD05B	RGB 127 208 91	#7FD05B
66.7%	66.7% #96D879	RGB 150 216 121	#96D879
83.3%	83.3% #ADE197	RGB 173 225 151	#ADE197
100.0%	100.0% #C5EAB6	RGB 197 234 182	#C5EAB6

#3AB601 #51BE1F #68C73D #7FD05B #96D879 #ADE197 #C5EAB6

#3AB601 - #C5EAB6

HSV Blend

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

0.0%	0.0% #3AB601	RGB 58 182 1	#3AB601
16.7%	16.7% #4CBE19	RGB 76 190 25	#4CBE19
33.3%	33.3% #61C734	RGB 97 199 52	#61C734
50.0%	50.0% #77D051	RGB 119 208 81	#77D051
66.7%	66.7% #8FD870	RGB 143 216 112	#8FD870
83.3%	83.3% #A9E192	RGB 169 225 146	#A9E192
100.0%	100.0% #C5EAB6	RGB 197 234 182	#C5EAB6

#3AB601 #4CBE19 #61C734 #77D051 #8FD870 #A9E192 #C5EAB6

#3AB601 - #77D051 - #C5EAB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3AB601 0%, #77D051 50%, #C5EAB6 100%);
    background: -webkit-linear-gradient(top, #3AB601 0%, #77D051 50%, #C5EAB6 100%);
    background: linear-gradient(to bottom, #3AB601 0%, #77D051 50%, #C5EAB6 100%);
}
</style>