#60AEFF - #8DFFC6 | 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 #60AEFF to #8DFFC6

#60AEFF #8DFFC6

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

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

0.0%	0.0% #60AEFF	RGB 96 174 255	#60AEFF
16.7%	16.7% #67BBF5	RGB 103 187 245	#67BBF5
33.3%	33.3% #6FC9EC	RGB 111 201 236	#6FC9EC
50.0%	50.0% #76D6E2	RGB 118 214 226	#76D6E2
66.7%	66.7% #7EE4D9	RGB 126 228 217	#7EE4D9
83.3%	83.3% #85F1CF	RGB 133 241 207	#85F1CF
100.0%	100.0% #8DFFC6	RGB 141 255 198	#8DFFC6

#60AEFF #67BBF5 #6FC9EC #76D6E2 #7EE4D9 #85F1CF #8DFFC6

#60AEFF - #8DFFC6

HSV Blend

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

0.0%	0.0% #60ADFF	RGB 96 173 255	#60ADFF
16.7%	16.7% #67CBFF	RGB 103 203 255	#67CBFF
33.3%	33.3% #6FE6FF	RGB 111 230 255	#6FE6FF
50.0%	50.0% #76FEFF	RGB 118 254 255	#76FEFF
66.7%	66.7% #7EFFE9	RGB 126 255 233	#7EFFE9
83.3%	83.3% #85FFD6	RGB 133 255 214	#85FFD6
100.0%	100.0% #8DFFC6	RGB 141 255 198	#8DFFC6

#60ADFF #67CBFF #6FE6FF #76FEFF #7EFFE9 #85FFD6 #8DFFC6

#60AEFF - #76FEFF - #8DFFC6

CSS codes

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

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