#A1ECB2 - #E4D6C5 | 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 #A1ECB2 to #E4D6C5

#A1ECB2 #E4D6C5

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

#A1ECB2 - #E4D6C5 | 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 #A1ECB2 as 0% and #E4D6C5 as 100%.

0.0%	0.0% #A1ECB2	RGB 161 236 178	#A1ECB2
16.7%	16.7% #ACE8B5	RGB 172 232 181	#ACE8B5
33.3%	33.3% #B7E4B8	RGB 183 228 184	#B7E4B8
50.0%	50.0% #C2E1BB	RGB 194 225 187	#C2E1BB
66.7%	66.7% #CDDDBE	RGB 205 221 190	#CDDDBE
83.3%	83.3% #D8D9C1	RGB 216 217 193	#D8D9C1
100.0%	100.0% #E4D6C5	RGB 228 214 197	#E4D6C5

#A1ECB2 #ACE8B5 #B7E4B8 #C2E1BB #CDDDBE #D8D9C1 #E4D6C5

#A1ECB2 - #E4D6C5

HSV Blend

#A1ECB2 - #E4D6C5 | 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 #A1ECB2 as 0% and #E4D6C5 as 100%.

0.0%	0.0% #A1ECB2	RGB 161 236 178	#A1ECB2
16.7%	16.7% #AAEAA7	RGB 170 234 167	#AAEAA7
33.3%	33.3% #C1E9AD	RGB 193 233 173	#C1E9AD
50.0%	50.0% #D3E8B3	RGB 211 232 179	#D3E8B3
66.7%	66.7% #E1E6B9	RGB 225 230 185	#E1E6B9
83.3%	83.3% #E5DEBF	RGB 229 222 191	#E5DEBF
100.0%	100.0% #E4D6C5	RGB 228 214 197	#E4D6C5

#A1ECB2 #AAEAA7 #C1E9AD #D3E8B3 #E1E6B9 #E5DEBF #E4D6C5

#A1ECB2 - #D3E8B3 - #E4D6C5

CSS codes

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

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