#00CAE6 - #0081B5 | 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 #00CAE6 to #0081B5

#00CAE6 #0081B5

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

#00CAE6 - #0081B5 | 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 #00CAE6 as 0% and #0081B5 as 100%.

0.0%	0.0% #00CAE6	RGB 0 202 230	#00CAE6
16.7%	16.7% #00BDDD	RGB 0 189 221	#00BDDD
33.3%	33.3% #00B1D5	RGB 0 177 213	#00B1D5
50.0%	50.0% #00A5CD	RGB 0 165 205	#00A5CD
66.7%	66.7% #0099C5	RGB 0 153 197	#0099C5
83.3%	83.3% #008DBD	RGB 0 141 189	#008DBD
100.0%	100.0% #0081B5	RGB 0 129 181	#0081B5

#00CAE6 #00BDDD #00B1D5 #00A5CD #0099C5 #008DBD #0081B5

#00CAE6 - #0081B5

HSV Blend

#00CAE6 - #0081B5 | 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 #00CAE6 as 0% and #0081B5 as 100%.

0.0%	0.0% #00CAE6	RGB 0 202 230	#00CAE6
16.7%	16.7% #00BCDD	RGB 0 188 221	#00BCDD
33.3%	33.3% #00AFD5	RGB 0 175 213	#00AFD5
50.0%	50.0% #00A3CD	RGB 0 163 205	#00A3CD
66.7%	66.7% #0097C5	RGB 0 151 197	#0097C5
83.3%	83.3% #008CBD	RGB 0 140 189	#008CBD
100.0%	100.0% #0081B5	RGB 0 129 181	#0081B5

#00CAE6 #00BCDD #00AFD5 #00A3CD #0097C5 #008CBD #0081B5

#00CAE6 - #00A3CD - #0081B5

CSS codes

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

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