#00FF5C - #00FFAF | 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 #00FF5C to #00FFAF

#00FF5C #00FFAF

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

#00FF5C - #00FFAF | 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 #00FF5C as 0% and #00FFAF as 100%.

0.0%	0.0% #00FF5C	RGB 0 255 92	#00FF5C
16.7%	16.7% #00FF69	RGB 0 255 105	#00FF69
33.3%	33.3% #00FF77	RGB 0 255 119	#00FF77
50.0%	50.0% #00FF85	RGB 0 255 133	#00FF85
66.7%	66.7% #00FF93	RGB 0 255 147	#00FF93
83.3%	83.3% #00FFA1	RGB 0 255 161	#00FFA1
100.0%	100.0% #00FFAF	RGB 0 255 175	#00FFAF

#00FF5C #00FF69 #00FF77 #00FF85 #00FF93 #00FFA1 #00FFAF

#00FF5C - #00FFAF

HSV Blend

#00FF5C - #00FFAF | 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 #00FF5C as 0% and #00FFAF as 100%.

0.0%	0.0% #00FF5C	RGB 0 255 92	#00FF5C
16.7%	16.7% #00FF69	RGB 0 255 105	#00FF69
33.3%	33.3% #00FF77	RGB 0 255 119	#00FF77
50.0%	50.0% #00FF85	RGB 0 255 133	#00FF85
66.7%	66.7% #00FF93	RGB 0 255 147	#00FF93
83.3%	83.3% #00FFA1	RGB 0 255 161	#00FFA1
100.0%	100.0% #00FFAF	RGB 0 255 175	#00FFAF

#00FF5C #00FF69 #00FF77 #00FF85 #00FF93 #00FFA1 #00FFAF

#00FF5C - #00FF85 - #00FFAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00FF5C 0%, #00FF85 50%, #00FFAF 100%);
    background: -webkit-linear-gradient(top, #00FF5C 0%, #00FF85 50%, #00FFAF 100%);
    background: linear-gradient(to bottom, #00FF5C 0%, #00FF85 50%, #00FFAF 100%);
}
</style>