#4AF8F8 - #CBFDFD | 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 #4AF8F8 to #CBFDFD

#4AF8F8 #CBFDFD

Calculate the color between two colors, #4AF8F8 and #CBFDFD. 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)

#4AF8F8 - #CBFDFD | 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 #4AF8F8 as 0% and #CBFDFD as 100%.

0.0%	0.0% #4AF8F8	RGB 74 248 248	#4AF8F8
16.7%	16.7% #5FF8F8	RGB 95 248 248	#5FF8F8
33.3%	33.3% #75F9F9	RGB 117 249 249	#75F9F9
50.0%	50.0% #8AFAFA	RGB 138 250 250	#8AFAFA
66.7%	66.7% #A0FBFB	RGB 160 251 251	#A0FBFB
83.3%	83.3% #B5FCFC	RGB 181 252 252	#B5FCFC
100.0%	100.0% #CBFDFD	RGB 203 253 253	#CBFDFD

#4AF8F8 #5FF8F8 #75F9F9 #8AFAFA #A0FBFB #B5FCFC #CBFDFD

#4AF8F8 - #CBFDFD

HSV Blend

#4AF8F8 - #CBFDFD | 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 #4AF8F8 as 0% and #CBFDFD as 100%.

0.0%	0.0% #4AF8F8	RGB 74 248 248	#4AF8F8
16.7%	16.7% #5FF8F8	RGB 95 248 248	#5FF8F8
33.3%	33.3% #74F9F9	RGB 116 249 249	#74F9F9
50.0%	50.0% #89FAFA	RGB 137 250 250	#89FAFA
66.7%	66.7% #9FFBFB	RGB 159 251 251	#9FFBFB
83.3%	83.3% #B5FCFC	RGB 181 252 252	#B5FCFC
100.0%	100.0% #CBFDFD	RGB 203 253 253	#CBFDFD

#4AF8F8 #5FF8F8 #74F9F9 #89FAFA #9FFBFB #B5FCFC #CBFDFD

#4AF8F8 - #89FAFA - #CBFDFD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4AF8F8 0%, #89FAFA 50%, #CBFDFD 100%);
    background: -webkit-linear-gradient(top, #4AF8F8 0%, #89FAFA 50%, #CBFDFD 100%);
    background: linear-gradient(to bottom, #4AF8F8 0%, #89FAFA 50%, #CBFDFD 100%);
}
</style>