#AED1BC - #E7F1EB | 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 #AED1BC to #E7F1EB

#AED1BC #E7F1EB

Calculate the color between two colors, #AED1BC and #E7F1EB. 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)

#AED1BC - #E7F1EB | 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 #AED1BC as 0% and #E7F1EB as 100%.

0.0%	0.0% #AED1BC	RGB 174 209 188	#AED1BC
16.7%	16.7% #B7D6C3	RGB 183 214 195	#B7D6C3
33.3%	33.3% #C1DBCB	RGB 193 219 203	#C1DBCB
50.0%	50.0% #CAE1D3	RGB 202 225 211	#CAE1D3
66.7%	66.7% #D4E6DB	RGB 212 230 219	#D4E6DB
83.3%	83.3% #DDEBE3	RGB 221 235 227	#DDEBE3
100.0%	100.0% #E7F1EB	RGB 231 241 235	#E7F1EB

#AED1BC #B7D6C3 #C1DBCB #CAE1D3 #D4E6DB #DDEBE3 #E7F1EB

#AED1BC - #E7F1EB

HSV Blend

#AED1BC - #E7F1EB | 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 #AED1BC as 0% and #E7F1EB as 100%.

0.0%	0.0% #AED1BC	RGB 174 209 188	#AED1BC
16.7%	16.7% #B6D6C3	RGB 182 214 195	#B6D6C3
33.3%	33.3% #C0DBCB	RGB 192 219 203	#C0DBCB
50.0%	50.0% #C9E1D2	RGB 201 225 210	#C9E1D2
66.7%	66.7% #D3E6DA	RGB 211 230 218	#D3E6DA
83.3%	83.3% #DCEBE2	RGB 220 235 226	#DCEBE2
100.0%	100.0% #E7F1EB	RGB 231 241 235	#E7F1EB

#AED1BC #B6D6C3 #C0DBCB #C9E1D2 #D3E6DA #DCEBE2 #E7F1EB

#AED1BC - #C9E1D2 - #E7F1EB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AED1BC 0%, #C9E1D2 50%, #E7F1EB 100%);
    background: -webkit-linear-gradient(top, #AED1BC 0%, #C9E1D2 50%, #E7F1EB 100%);
    background: linear-gradient(to bottom, #AED1BC 0%, #C9E1D2 50%, #E7F1EB 100%);
}
</style>