#0056A6 - #A8FBD0 | 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 #0056A6 to #A8FBD0

#0056A6 #A8FBD0

Calculate the color between two colors, #0056A6 and #A8FBD0. 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)

#0056A6 - #A8FBD0 | 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 #0056A6 as 0% and #A8FBD0 as 100%.

0.0%	0.0% #0056A6	RGB 0 86 166	#0056A6
16.7%	16.7% #1C71AD	RGB 28 113 173	#1C71AD
33.3%	33.3% #388DB4	RGB 56 141 180	#388DB4
50.0%	50.0% #54A8BB	RGB 84 168 187	#54A8BB
66.7%	66.7% #70C4C2	RGB 112 196 194	#70C4C2
83.3%	83.3% #8CDFC9	RGB 140 223 201	#8CDFC9
100.0%	100.0% #A8FBD0	RGB 168 251 208	#A8FBD0

#0056A6 #1C71AD #388DB4 #54A8BB #70C4C2 #8CDFC9 #A8FBD0

#0056A6 - #A8FBD0

HSV Blend

#0056A6 - #A8FBD0 | 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 #0056A6 as 0% and #A8FBD0 as 100%.

0.0%	0.0% #0055A6	RGB 0 85 166	#0055A6
16.7%	16.7% #1481B4	RGB 20 129 180	#1481B4
33.3%	33.3% #2BABC2	RGB 43 171 194	#2BABC2
50.0%	50.0% #45D0CD	RGB 69 208 205	#45D0CD
66.7%	66.7% #63DEC7	RGB 99 222 199	#63DEC7
83.3%	83.3% #84ECC8	RGB 132 236 200	#84ECC8
100.0%	100.0% #A8FBD0	RGB 168 251 208	#A8FBD0

#0055A6 #1481B4 #2BABC2 #45D0CD #63DEC7 #84ECC8 #A8FBD0

#0056A6 - #45D0CD - #A8FBD0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0055A6 0%, #45D0CD 50%, #A8FBD0 100%);
    background: -webkit-linear-gradient(top, #0055A6 0%, #45D0CD 50%, #A8FBD0 100%);
    background: linear-gradient(to bottom, #0055A6 0%, #45D0CD 50%, #A8FBD0 100%);
}
</style>