#60FAFF - #8DFF8F | 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 #60FAFF to #8DFF8F

#60FAFF #8DFF8F

Calculate the color between two colors, #60FAFF and #8DFF8F. 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)

#60FAFF - #8DFF8F | 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 #60FAFF as 0% and #8DFF8F as 100%.

0.0%	0.0% #60FAFF	RGB 96 250 255	#60FAFF
16.7%	16.7% #67FAEC	RGB 103 250 236	#67FAEC
33.3%	33.3% #6FFBD9	RGB 111 251 217	#6FFBD9
50.0%	50.0% #76FCC7	RGB 118 252 199	#76FCC7
66.7%	66.7% #7EFDB4	RGB 126 253 180	#7EFDB4
83.3%	83.3% #85FEA1	RGB 133 254 161	#85FEA1
100.0%	100.0% #8DFF8F	RGB 141 255 143	#8DFF8F

#60FAFF #67FAEC #6FFBD9 #76FCC7 #7EFDB4 #85FEA1 #8DFF8F

#60FAFF - #8DFF8F

HSV Blend

#60FAFF - #8DFF8F | 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 #60FAFF as 0% and #8DFF8F as 100%.

0.0%	0.0% #60FAFF	RGB 96 250 255	#60FAFF
16.7%	16.7% #67FFEA	RGB 103 255 234	#67FFEA
33.3%	33.3% #6FFFD2	RGB 111 255 210	#6FFFD2
50.0%	50.0% #76FFBE	RGB 118 255 190	#76FFBE
66.7%	66.7% #7EFFAB	RGB 126 255 171	#7EFFAB
83.3%	83.3% #85FF9C	RGB 133 255 156	#85FF9C
100.0%	100.0% #8DFF8F	RGB 141 255 143	#8DFF8F

#60FAFF #67FFEA #6FFFD2 #76FFBE #7EFFAB #85FF9C #8DFF8F

#60FAFF - #76FFBE - #8DFF8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #60FAFF 0%, #76FFBE 50%, #8DFF8F 100%);
    background: -webkit-linear-gradient(top, #60FAFF 0%, #76FFBE 50%, #8DFF8F 100%);
    background: linear-gradient(to bottom, #60FAFF 0%, #76FFBE 50%, #8DFF8F 100%);
}
</style>