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

#4AF9F9 #CBFDFD

Calculate the color between two colors, #4AF9F9 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)

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

0.0%	0.0% #4AF9F9	RGB 74 249 249	#4AF9F9
16.7%	16.7% #5FF9F9	RGB 95 249 249	#5FF9F9
33.3%	33.3% #75FAFA	RGB 117 250 250	#75FAFA
50.0%	50.0% #8AFBFB	RGB 138 251 251	#8AFBFB
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

#4AF9F9 #5FF9F9 #75FAFA #8AFBFB #A0FBFB #B5FCFC #CBFDFD

#4AF9F9 - #CBFDFD

HSV Blend

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

0.0%	0.0% #4AF9F9	RGB 74 249 249	#4AF9F9
16.7%	16.7% #5FF9F9	RGB 95 249 249	#5FF9F9
33.3%	33.3% #74FAFA	RGB 116 250 250	#74FAFA
50.0%	50.0% #89FBFB	RGB 137 251 251	#89FBFB
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

#4AF9F9 #5FF9F9 #74FAFA #89FBFB #9FFBFB #B5FCFC #CBFDFD

#4AF9F9 - #89FBFB - #CBFDFD

CSS codes

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

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