#A0BBC3 - #E9DECF | 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 #A0BBC3 to #E9DECF

#A0BBC3 #E9DECF

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

#A0BBC3 - #E9DECF | 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 #A0BBC3 as 0% and #E9DECF as 100%.

0.0%	0.0% #A0BBC3	RGB 160 187 195	#A0BBC3
16.7%	16.7% #ACC0C5	RGB 172 192 197	#ACC0C5
33.3%	33.3% #B8C6C7	RGB 184 198 199	#B8C6C7
50.0%	50.0% #C4CCC9	RGB 196 204 201	#C4CCC9
66.7%	66.7% #D0D2CB	RGB 208 210 203	#D0D2CB
83.3%	83.3% #DCD8CD	RGB 220 216 205	#DCD8CD
100.0%	100.0% #E9DECF	RGB 233 222 207	#E9DECF

#A0BBC3 #ACC0C5 #B8C6C7 #C4CCC9 #D0D2CB #DCD8CD #E9DECF

#A0BBC3 - #E9DECF

HSV Blend

#A0BBC3 - #E9DECF | 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 #A0BBC3 as 0% and #E9DECF as 100%.

0.0%	0.0% #A0BBC3	RGB 160 187 195	#A0BBC3
16.7%	16.7% #A7C9C2	RGB 167 201 194	#A7C9C2
33.3%	33.3% #AFCFBA	RGB 175 207 186	#AFCFBA
50.0%	50.0% #B9D6B6	RGB 185 214 182	#B9D6B6
66.7%	66.7% #CEDCBE	RGB 206 220 190	#CEDCBE
83.3%	83.3% #E2E2C6	RGB 226 226 198	#E2E2C6
100.0%	100.0% #E9DECF	RGB 233 222 207	#E9DECF

#A0BBC3 #A7C9C2 #AFCFBA #B9D6B6 #CEDCBE #E2E2C6 #E9DECF

#A0BBC3 - #B9D6B6 - #E9DECF

CSS codes

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

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