#008BA3 - #A1E6CF | 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 #008BA3 to #A1E6CF

#008BA3 #A1E6CF

Calculate the color between two colors, #008BA3 and #A1E6CF. 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)

#008BA3 - #A1E6CF | 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 #008BA3 as 0% and #A1E6CF as 100%.

0.0%	0.0% #008BA3	RGB 0 139 163	#008BA3
16.7%	16.7% #1A9AAA	RGB 26 154 170	#1A9AAA
33.3%	33.3% #35A9B1	RGB 53 169 177	#35A9B1
50.0%	50.0% #50B8B9	RGB 80 184 185	#50B8B9
66.7%	66.7% #6BC7C0	RGB 107 199 192	#6BC7C0
83.3%	83.3% #86D6C7	RGB 134 214 199	#86D6C7
100.0%	100.0% #A1E6CF	RGB 161 230 207	#A1E6CF

#008BA3 #1A9AAA #35A9B1 #50B8B9 #6BC7C0 #86D6C7 #A1E6CF

#008BA3 - #A1E6CF

HSV Blend

#008BA3 - #A1E6CF | 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 #008BA3 as 0% and #A1E6CF as 100%.

0.0%	0.0% #008AA3	RGB 0 138 163	#008AA3
16.7%	16.7% #14A3AE	RGB 20 163 174	#14A3AE
33.3%	33.3% #2BB9B7	RGB 43 185 183	#2BB9B7
50.0%	50.0% #44C4B8	RGB 68 196 184	#44C4B8
66.7%	66.7% #60CFBC	RGB 96 207 188	#60CFBC
83.3%	83.3% #7FDAC3	RGB 127 218 195	#7FDAC3
100.0%	100.0% #A1E6CF	RGB 161 230 207	#A1E6CF

#008AA3 #14A3AE #2BB9B7 #44C4B8 #60CFBC #7FDAC3 #A1E6CF

#008BA3 - #44C4B8 - #A1E6CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008AA3 0%, #44C4B8 50%, #A1E6CF 100%);
    background: -webkit-linear-gradient(top, #008AA3 0%, #44C4B8 50%, #A1E6CF 100%);
    background: linear-gradient(to bottom, #008AA3 0%, #44C4B8 50%, #A1E6CF 100%);
}
</style>