#85FFAC - #31EC5E | 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 #85FFAC to #31EC5E

#85FFAC #31EC5E

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

#85FFAC - #31EC5E | 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 #85FFAC as 0% and #31EC5E as 100%.

0.0%	0.0% #85FFAC	RGB 133 255 172	#85FFAC
16.7%	16.7% #77FB9F	RGB 119 251 159	#77FB9F
33.3%	33.3% #69F892	RGB 105 248 146	#69F892
50.0%	50.0% #5BF585	RGB 91 245 133	#5BF585
66.7%	66.7% #4DF278	RGB 77 242 120	#4DF278
83.3%	83.3% #3FEF6B	RGB 63 239 107	#3FEF6B
100.0%	100.0% #31EC5E	RGB 49 236 94	#31EC5E

#85FFAC #77FB9F #69F892 #5BF585 #4DF278 #3FEF6B #31EC5E

#85FFAC - #31EC5E

HSV Blend

#85FFAC - #31EC5E | 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 #85FFAC as 0% and #31EC5E as 100%.

0.0%	0.0% #85FFAC	RGB 133 255 172	#85FFAC
16.7%	16.7% #76FB9F	RGB 118 251 159	#76FB9F
33.3%	33.3% #67F892	RGB 103 248 146	#67F892
50.0%	50.0% #59F585	RGB 89 245 133	#59F585
66.7%	66.7% #4BF278	RGB 75 242 120	#4BF278
83.3%	83.3% #3EEF6B	RGB 62 239 107	#3EEF6B
100.0%	100.0% #31EC5E	RGB 49 236 94	#31EC5E

#85FFAC #76FB9F #67F892 #59F585 #4BF278 #3EEF6B #31EC5E

#85FFAC - #59F585 - #31EC5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #85FFAC 0%, #59F585 50%, #31EC5E 100%);
    background: -webkit-linear-gradient(top, #85FFAC 0%, #59F585 50%, #31EC5E 100%);
    background: linear-gradient(to bottom, #85FFAC 0%, #59F585 50%, #31EC5E 100%);
}
</style>