#72DF5E - #BCF68A | 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 #72DF5E to #BCF68A

#72DF5E #BCF68A

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

#72DF5E - #BCF68A | 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 #72DF5E as 0% and #BCF68A as 100%.

0.0%	0.0% #72DF5E	RGB 114 223 94	#72DF5E
16.7%	16.7% #7EE265	RGB 126 226 101	#7EE265
33.3%	33.3% #8AE66C	RGB 138 230 108	#8AE66C
50.0%	50.0% #97EA74	RGB 151 234 116	#97EA74
66.7%	66.7% #A3EE7B	RGB 163 238 123	#A3EE7B
83.3%	83.3% #AFF282	RGB 175 242 130	#AFF282
100.0%	100.0% #BCF68A	RGB 188 246 138	#BCF68A

#72DF5E #7EE265 #8AE66C #97EA74 #A3EE7B #AFF282 #BCF68A

#72DF5E - #BCF68A

HSV Blend

#72DF5E - #BCF68A | 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 #72DF5E as 0% and #BCF68A as 100%.

0.0%	0.0% #72DF5E	RGB 114 223 94	#72DF5E
16.7%	16.7% #7EE264	RGB 126 226 100	#7EE264
33.3%	33.3% #8BE66B	RGB 139 230 107	#8BE66B
50.0%	50.0% #98EA73	RGB 152 234 115	#98EA73
66.7%	66.7% #A4EE7A	RGB 164 238 122	#A4EE7A
83.3%	83.3% #B0F282	RGB 176 242 130	#B0F282
100.0%	100.0% #BCF68A	RGB 188 246 138	#BCF68A

#72DF5E #7EE264 #8BE66B #98EA73 #A4EE7A #B0F282 #BCF68A

#72DF5E - #98EA73 - #BCF68A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #72DF5E 0%, #98EA73 50%, #BCF68A 100%);
    background: -webkit-linear-gradient(top, #72DF5E 0%, #98EA73 50%, #BCF68A 100%);
    background: linear-gradient(to bottom, #72DF5E 0%, #98EA73 50%, #BCF68A 100%);
}
</style>