#72FF9C - #1FEC6F | 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 #72FF9C to #1FEC6F

#72FF9C #1FEC6F

Calculate the color between two colors, #72FF9C and #1FEC6F. 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)

#72FF9C - #1FEC6F | 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 #72FF9C as 0% and #1FEC6F as 100%.

0.0%	0.0% #72FF9C	RGB 114 255 156	#72FF9C
16.7%	16.7% #64FB94	RGB 100 251 148	#64FB94
33.3%	33.3% #56F88D	RGB 86 248 141	#56F88D
50.0%	50.0% #48F585	RGB 72 245 133	#48F585
66.7%	66.7% #3AF27E	RGB 58 242 126	#3AF27E
83.3%	83.3% #2CEF76	RGB 44 239 118	#2CEF76
100.0%	100.0% #1FEC6F	RGB 31 236 111	#1FEC6F

#72FF9C #64FB94 #56F88D #48F585 #3AF27E #2CEF76 #1FEC6F

#72FF9C - #1FEC6F

HSV Blend

#72FF9C - #1FEC6F | 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 #72FF9C as 0% and #1FEC6F as 100%.

0.0%	0.0% #72FF9C	RGB 114 255 156	#72FF9C
16.7%	16.7% #63FB93	RGB 99 251 147	#63FB93
33.3%	33.3% #55F88A	RGB 85 248 138	#55F88A
50.0%	50.0% #47F583	RGB 71 245 131	#47F583
66.7%	66.7% #39F27B	RGB 57 242 123	#39F27B
83.3%	83.3% #2CEF75	RGB 44 239 117	#2CEF75
100.0%	100.0% #1FEC6F	RGB 31 236 111	#1FEC6F

#72FF9C #63FB93 #55F88A #47F583 #39F27B #2CEF75 #1FEC6F

#72FF9C - #47F583 - #1FEC6F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #72FF9C 0%, #47F583 50%, #1FEC6F 100%);
    background: -webkit-linear-gradient(top, #72FF9C 0%, #47F583 50%, #1FEC6F 100%);
    background: linear-gradient(to bottom, #72FF9C 0%, #47F583 50%, #1FEC6F 100%);
}
</style>