#00A6DB - #9AF2E3 | 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 #00A6DB to #9AF2E3

#00A6DB #9AF2E3

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

#00A6DB - #9AF2E3 | 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 #00A6DB as 0% and #9AF2E3 as 100%.

0.0%	0.0% #00A6DB	RGB 0 166 219	#00A6DB
16.7%	16.7% #19B2DC	RGB 25 178 220	#19B2DC
33.3%	33.3% #33BFDD	RGB 51 191 221	#33BFDD
50.0%	50.0% #4DCCDF	RGB 77 204 223	#4DCCDF
66.7%	66.7% #66D8E0	RGB 102 216 224	#66D8E0
83.3%	83.3% #80E5E1	RGB 128 229 225	#80E5E1
100.0%	100.0% #9AF2E3	RGB 154 242 227	#9AF2E3

#00A6DB #19B2DC #33BFDD #4DCCDF #66D8E0 #80E5E1 #9AF2E3

#00A6DB - #9AF2E3

HSV Blend

#00A6DB - #9AF2E3 | 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 #00A6DB as 0% and #9AF2E3 as 100%.

0.0%	0.0% #00A5DB	RGB 0 165 219	#00A5DB
16.7%	16.7% #17BCDE	RGB 23 188 222	#17BCDE
33.3%	33.3% #30D0E2	RGB 48 208 226	#30D0E2
50.0%	50.0% #49E0E6	RGB 73 224 230	#49E0E6
66.7%	66.7% #63EAE5	RGB 99 234 229	#63EAE5
83.3%	83.3% #7EEEE2	RGB 126 238 226	#7EEEE2
100.0%	100.0% #9AF2E3	RGB 154 242 227	#9AF2E3

#00A5DB #17BCDE #30D0E2 #49E0E6 #63EAE5 #7EEEE2 #9AF2E3

#00A6DB - #49E0E6 - #9AF2E3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A5DB 0%, #49E0E6 50%, #9AF2E3 100%);
    background: -webkit-linear-gradient(top, #00A5DB 0%, #49E0E6 50%, #9AF2E3 100%);
    background: linear-gradient(to bottom, #00A5DB 0%, #49E0E6 50%, #9AF2E3 100%);
}
</style>