#A1E5E9 - #4CA0BA | 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 #A1E5E9 to #4CA0BA

#A1E5E9 #4CA0BA

Calculate the color between two colors, #A1E5E9 and #4CA0BA. 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)

#A1E5E9 - #4CA0BA | 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 #A1E5E9 as 0% and #4CA0BA as 100%.

0.0%	0.0% #A1E5E9	RGB 161 229 233	#A1E5E9
16.7%	16.7% #92D9E1	RGB 146 217 225	#92D9E1
33.3%	33.3% #84CED9	RGB 132 206 217	#84CED9
50.0%	50.0% #76C2D1	RGB 118 194 209	#76C2D1
66.7%	66.7% #68B7C9	RGB 104 183 201	#68B7C9
83.3%	83.3% #5AABC1	RGB 90 171 193	#5AABC1
100.0%	100.0% #4CA0BA	RGB 76 160 186	#4CA0BA

#A1E5E9 #92D9E1 #84CED9 #76C2D1 #68B7C9 #5AABC1 #4CA0BA

#A1E5E9 - #4CA0BA

HSV Blend

#A1E5E9 - #4CA0BA | 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 #A1E5E9 as 0% and #4CA0BA as 100%.

0.0%	0.0% #A1E5E9	RGB 161 229 233	#A1E5E9
16.7%	16.7% #90DAE1	RGB 144 218 225	#90DAE1
33.3%	33.3% #81CFD9	RGB 129 207 217	#81CFD9
50.0%	50.0% #73C3D1	RGB 115 195 209	#73C3D1
66.7%	66.7% #65B8C9	RGB 101 184 201	#65B8C9
83.3%	83.3% #58ACC1	RGB 88 172 193	#58ACC1
100.0%	100.0% #4CA0BA	RGB 76 160 186	#4CA0BA

#A1E5E9 #90DAE1 #81CFD9 #73C3D1 #65B8C9 #58ACC1 #4CA0BA

#A1E5E9 - #73C3D1 - #4CA0BA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1E5E9 0%, #73C3D1 50%, #4CA0BA 100%);
    background: -webkit-linear-gradient(top, #A1E5E9 0%, #73C3D1 50%, #4CA0BA 100%);
    background: linear-gradient(to bottom, #A1E5E9 0%, #73C3D1 50%, #4CA0BA 100%);
}
</style>