#96EC5E - #CAFF92 | 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 #96EC5E to #CAFF92

#96EC5E #CAFF92

Calculate the color between two colors, #96EC5E and #CAFF92. 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)

#96EC5E - #CAFF92 | 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 #96EC5E as 0% and #CAFF92 as 100%.

0.0%	0.0% #96EC5E	RGB 150 236 94	#96EC5E
16.7%	16.7% #9EEF66	RGB 158 239 102	#9EEF66
33.3%	33.3% #A7F26F	RGB 167 242 111	#A7F26F
50.0%	50.0% #B0F578	RGB 176 245 120	#B0F578
66.7%	66.7% #B8F880	RGB 184 248 128	#B8F880
83.3%	83.3% #C1FB89	RGB 193 251 137	#C1FB89
100.0%	100.0% #CAFF92	RGB 202 255 146	#CAFF92

#96EC5E #9EEF66 #A7F26F #B0F578 #B8F880 #C1FB89 #CAFF92

#96EC5E - #CAFF92

HSV Blend

#96EC5E - #CAFF92 | 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 #96EC5E as 0% and #CAFF92 as 100%.

0.0%	0.0% #96EC5E	RGB 150 236 94	#96EC5E
16.7%	16.7% #9EEF66	RGB 158 239 102	#9EEF66
33.3%	33.3% #A7F26E	RGB 167 242 110	#A7F26E
50.0%	50.0% #B0F577	RGB 176 245 119	#B0F577
66.7%	66.7% #B9F87F	RGB 185 248 127	#B9F87F
83.3%	83.3% #C1FB88	RGB 193 251 136	#C1FB88
100.0%	100.0% #CAFF92	RGB 202 255 146	#CAFF92

#96EC5E #9EEF66 #A7F26E #B0F577 #B9F87F #C1FB88 #CAFF92

#96EC5E - #B0F577 - #CAFF92

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96EC5E 0%, #B0F577 50%, #CAFF92 100%);
    background: -webkit-linear-gradient(top, #96EC5E 0%, #B0F577 50%, #CAFF92 100%);
    background: linear-gradient(to bottom, #96EC5E 0%, #B0F577 50%, #CAFF92 100%);
}
</style>