#00FAFA - #CEFFAC | 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 #00FAFA to #CEFFAC

#00FAFA #CEFFAC

Calculate the color between two colors, #00FAFA and #CEFFAC. 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)

#00FAFA - #CEFFAC | 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 #00FAFA as 0% and #CEFFAC as 100%.

0.0%	0.0% #00FAFA	RGB 0 250 250	#00FAFA
16.7%	16.7% #22FAED	RGB 34 250 237	#22FAED
33.3%	33.3% #44FBE0	RGB 68 251 224	#44FBE0
50.0%	50.0% #67FCD3	RGB 103 252 211	#67FCD3
66.7%	66.7% #89FDC6	RGB 137 253 198	#89FDC6
83.3%	83.3% #ABFEB9	RGB 171 254 185	#ABFEB9
100.0%	100.0% #CEFFAC	RGB 206 255 172	#CEFFAC

#00FAFA #22FAED #44FBE0 #67FCD3 #89FDC6 #ABFEB9 #CEFFAC

#00FAFA - #CEFFAC

HSV Blend

#00FAFA - #CEFFAC | 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 #00FAFA as 0% and #CEFFAC as 100%.

0.0%	0.0% #00FAFA	RGB 0 250 250	#00FAFA
16.7%	16.7% #1CFAC6	RGB 28 250 198	#1CFAC6
33.3%	33.3% #38FBA0	RGB 56 251 160	#38FBA0
50.0%	50.0% #55FC86	RGB 85 252 134	#55FC86
66.7%	66.7% #71FD7A	RGB 113 253 122	#71FD7A
83.3%	83.3% #A2FE8E	RGB 162 254 142	#A2FE8E
100.0%	100.0% #CEFFAC	RGB 206 255 172	#CEFFAC

#00FAFA #1CFAC6 #38FBA0 #55FC86 #71FD7A #A2FE8E #CEFFAC

#00FAFA - #55FC86 - #CEFFAC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00FAFA 0%, #55FC86 50%, #CEFFAC 100%);
    background: -webkit-linear-gradient(top, #00FAFA 0%, #55FC86 50%, #CEFFAC 100%);
    background: linear-gradient(to bottom, #00FAFA 0%, #55FC86 50%, #CEFFAC 100%);
}
</style>