#82EB6C - #35CD2A | 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 #82EB6C to #35CD2A

#82EB6C #35CD2A

Calculate the color between two colors, #82EB6C and #35CD2A. 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)

#82EB6C - #35CD2A | 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 #82EB6C as 0% and #35CD2A as 100%.

0.0%	0.0% #82EB6C	RGB 130 235 108	#82EB6C
16.7%	16.7% #75E661	RGB 117 230 97	#75E661
33.3%	33.3% #68E156	RGB 104 225 86	#68E156
50.0%	50.0% #5BDC4B	RGB 91 220 75	#5BDC4B
66.7%	66.7% #4ED740	RGB 78 215 64	#4ED740
83.3%	83.3% #41D235	RGB 65 210 53	#41D235
100.0%	100.0% #35CD2A	RGB 53 205 42	#35CD2A

#82EB6C #75E661 #68E156 #5BDC4B #4ED740 #41D235 #35CD2A

#82EB6C - #35CD2A

HSV Blend

#82EB6C - #35CD2A | 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 #82EB6C as 0% and #35CD2A as 100%.

0.0%	0.0% #81EB6C	RGB 129 235 108	#81EB6C
16.7%	16.7% #74E65F	RGB 116 230 95	#74E65F
33.3%	33.3% #67E154	RGB 103 225 84	#67E154
50.0%	50.0% #5ADC49	RGB 90 220 73	#5ADC49
66.7%	66.7% #4DD73E	RGB 77 215 62	#4DD73E
83.3%	83.3% #41D233	RGB 65 210 51	#41D233
100.0%	100.0% #35CD2A	RGB 53 205 42	#35CD2A

#81EB6C #74E65F #67E154 #5ADC49 #4DD73E #41D233 #35CD2A

#82EB6C - #5ADC49 - #35CD2A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #81EB6C 0%, #5ADC49 50%, #35CD2A 100%);
    background: -webkit-linear-gradient(top, #81EB6C 0%, #5ADC49 50%, #35CD2A 100%);
    background: linear-gradient(to bottom, #81EB6C 0%, #5ADC49 50%, #35CD2A 100%);
}
</style>