#A8EDEE - #49B5BB | 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 #A8EDEE to #49B5BB

#A8EDEE #49B5BB

Calculate the color between two colors, #A8EDEE and #49B5BB. 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)

#A8EDEE - #49B5BB | 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 #A8EDEE as 0% and #49B5BB as 100%.

0.0%	0.0% #A8EDEE	RGB 168 237 238	#A8EDEE
16.7%	16.7% #98E3E5	RGB 152 227 229	#98E3E5
33.3%	33.3% #88DADD	RGB 136 218 221	#88DADD
50.0%	50.0% #78D1D4	RGB 120 209 212	#78D1D4
66.7%	66.7% #68C7CC	RGB 104 199 204	#68C7CC
83.3%	83.3% #58BEC3	RGB 88 190 195	#58BEC3
100.0%	100.0% #49B5BB	RGB 73 181 187	#49B5BB

#A8EDEE #98E3E5 #88DADD #78D1D4 #68C7CC #58BEC3 #49B5BB

#A8EDEE - #49B5BB

HSV Blend

#A8EDEE - #49B5BB | 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 #A8EDEE as 0% and #49B5BB as 100%.

0.0%	0.0% #A8EDEE	RGB 168 237 238	#A8EDEE
16.7%	16.7% #95E3E5	RGB 149 227 229	#95E3E5
33.3%	33.3% #84DADD	RGB 132 218 221	#84DADD
50.0%	50.0% #74D1D4	RGB 116 209 212	#74D1D4
66.7%	66.7% #65C7CC	RGB 101 199 204	#65C7CC
83.3%	83.3% #56BEC3	RGB 86 190 195	#56BEC3
100.0%	100.0% #49B5BB	RGB 73 181 187	#49B5BB

#A8EDEE #95E3E5 #84DADD #74D1D4 #65C7CC #56BEC3 #49B5BB

#A8EDEE - #74D1D4 - #49B5BB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8EDEE 0%, #74D1D4 50%, #49B5BB 100%);
    background: -webkit-linear-gradient(top, #A8EDEE 0%, #74D1D4 50%, #49B5BB 100%);
    background: linear-gradient(to bottom, #A8EDEE 0%, #74D1D4 50%, #49B5BB 100%);
}
</style>