#00ADA3 - #00CEFD | 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 #00ADA3 to #00CEFD

#00ADA3 #00CEFD

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

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

0.0%	0.0% #00ADA3	RGB 0 173 163	#00ADA3
16.7%	16.7% #00B2B2	RGB 0 178 178	#00B2B2
33.3%	33.3% #00B8C1	RGB 0 184 193	#00B8C1
50.0%	50.0% #00BDD0	RGB 0 189 208	#00BDD0
66.7%	66.7% #00C3DF	RGB 0 195 223	#00C3DF
83.3%	83.3% #00C8EE	RGB 0 200 238	#00C8EE
100.0%	100.0% #00CEFD	RGB 0 206 253	#00CEFD

#00ADA3 #00B2B2 #00B8C1 #00BDD0 #00C3DF #00C8EE #00CEFD

#00ADA3 - #00CEFD

HSV Blend

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

0.0%	0.0% #00ADA3	RGB 0 173 163	#00ADA3
16.7%	16.7% #00BAB7	RGB 0 186 183	#00BAB7
33.3%	33.3% #00C2C7	RGB 0 194 199	#00C2C7
50.0%	50.0% #00C7D5	RGB 0 199 213	#00C7D5
66.7%	66.7% #00CAE2	RGB 0 202 226	#00CAE2
83.3%	83.3% #00CCEF	RGB 0 204 239	#00CCEF
100.0%	100.0% #00CEFD	RGB 0 206 253	#00CEFD

#00ADA3 #00BAB7 #00C2C7 #00C7D5 #00CAE2 #00CCEF #00CEFD

#00ADA3 - #00C7D5 - #00CEFD

CSS codes

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

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