#4DFFEE - #CCFFFA | 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 #4DFFEE to #CCFFFA

#4DFFEE #CCFFFA

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

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

0.0%	0.0% #4DFFEE	RGB 77 255 238	#4DFFEE
16.7%	16.7% #62FFF0	RGB 98 255 240	#62FFF0
33.3%	33.3% #77FFF2	RGB 119 255 242	#77FFF2
50.0%	50.0% #8CFFF4	RGB 140 255 244	#8CFFF4
66.7%	66.7% #A1FFF6	RGB 161 255 246	#A1FFF6
83.3%	83.3% #B6FFF8	RGB 182 255 248	#B6FFF8
100.0%	100.0% #CCFFFA	RGB 204 255 250	#CCFFFA

#4DFFEE #62FFF0 #77FFF2 #8CFFF4 #A1FFF6 #B6FFF8 #CCFFFA

#4DFFEE - #CCFFFA

HSV Blend

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

0.0%	0.0% #4DFFEE	RGB 77 255 238	#4DFFEE
16.7%	16.7% #62FFEF	RGB 98 255 239	#62FFEF
33.3%	33.3% #77FFF1	RGB 119 255 241	#77FFF1
50.0%	50.0% #8CFFF3	RGB 140 255 243	#8CFFF3
66.7%	66.7% #A1FFF5	RGB 161 255 245	#A1FFF5
83.3%	83.3% #B6FFF7	RGB 182 255 247	#B6FFF7
100.0%	100.0% #CCFFFA	RGB 204 255 250	#CCFFFA

#4DFFEE #62FFEF #77FFF1 #8CFFF3 #A1FFF5 #B6FFF7 #CCFFFA

#4DFFEE - #8CFFF3 - #CCFFFA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4DFFEE 0%, #8CFFF3 50%, #CCFFFA 100%);
    background: -webkit-linear-gradient(top, #4DFFEE 0%, #8CFFF3 50%, #CCFFFA 100%);
    background: linear-gradient(to bottom, #4DFFEE 0%, #8CFFF3 50%, #CCFFFA 100%);
}
</style>