#41FFA8 - #00DF82 | 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 #41FFA8 to #00DF82

#41FFA8 #00DF82

Calculate the color between two colors, #41FFA8 and #00DF82. 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)

#41FFA8 - #00DF82 | 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 #41FFA8 as 0% and #00DF82 as 100%.

0.0%	0.0% #41FFA8	RGB 65 255 168	#41FFA8
16.7%	16.7% #36F9A1	RGB 54 249 161	#36F9A1
33.3%	33.3% #2BF49B	RGB 43 244 155	#2BF49B
50.0%	50.0% #20EF95	RGB 32 239 149	#20EF95
66.7%	66.7% #15E98E	RGB 21 233 142	#15E98E
83.3%	83.3% #0AE488	RGB 10 228 136	#0AE488
100.0%	100.0% #00DF82	RGB 0 223 130	#00DF82

#41FFA8 #36F9A1 #2BF49B #20EF95 #15E98E #0AE488 #00DF82

#41FFA8 - #00DF82

HSV Blend

#41FFA8 - #00DF82 | 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 #41FFA8 as 0% and #00DF82 as 100%.

0.0%	0.0% #41FFA8	RGB 65 255 168	#41FFA8
16.7%	16.7% #35F9A0	RGB 53 249 160	#35F9A0
33.3%	33.3% #29F49A	RGB 41 244 154	#29F49A
50.0%	50.0% #1EEF93	RGB 30 239 147	#1EEF93
66.7%	66.7% #13E98D	RGB 19 233 141	#13E98D
83.3%	83.3% #09E487	RGB 9 228 135	#09E487
100.0%	100.0% #00DF82	RGB 0 223 130	#00DF82

#41FFA8 #35F9A0 #29F49A #1EEF93 #13E98D #09E487 #00DF82

#41FFA8 - #1EEF93 - #00DF82

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #41FFA8 0%, #1EEF93 50%, #00DF82 100%);
    background: -webkit-linear-gradient(top, #41FFA8 0%, #1EEF93 50%, #00DF82 100%);
    background: linear-gradient(to bottom, #41FFA8 0%, #1EEF93 50%, #00DF82 100%);
}
</style>