#A0ADB5 - #E4D8C5 | 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 #A0ADB5 to #E4D8C5

#A0ADB5 #E4D8C5

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

#A0ADB5 - #E4D8C5 | 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 #A0ADB5 as 0% and #E4D8C5 as 100%.

0.0%	0.0% #A0ADB5	RGB 160 173 181	#A0ADB5
16.7%	16.7% #ABB4B7	RGB 171 180 183	#ABB4B7
33.3%	33.3% #B6BBBA	RGB 182 187 186	#B6BBBA
50.0%	50.0% #C2C2BD	RGB 194 194 189	#C2C2BD
66.7%	66.7% #CDC9BF	RGB 205 201 191	#CDC9BF
83.3%	83.3% #D8D0C2	RGB 216 208 194	#D8D0C2
100.0%	100.0% #E4D8C5	RGB 228 216 197	#E4D8C5

#A0ADB5 #ABB4B7 #B6BBBA #C2C2BD #CDC9BF #D8D0C2 #E4D8C5

#A0ADB5 - #E4D8C5

HSV Blend

#A0ADB5 - #E4D8C5 | 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 #A0ADB5 as 0% and #E4D8C5 as 100%.

0.0%	0.0% #A0ADB5	RGB 160 173 181	#A0ADB5
16.7%	16.7% #A6BCBB	RGB 166 188 187	#A6BCBB
33.3%	33.3% #ACC4B7	RGB 172 196 183	#ACC4B7
50.0%	50.0% #B2CCB2	RGB 178 204 178	#B2CCB2
66.7%	66.7% #C5D4B8	RGB 197 212 184	#C5D4B8
83.3%	83.3% #D9DCBE	RGB 217 220 190	#D9DCBE
100.0%	100.0% #E4D8C5	RGB 228 216 197	#E4D8C5

#A0ADB5 #A6BCBB #ACC4B7 #B2CCB2 #C5D4B8 #D9DCBE #E4D8C5

#A0ADB5 - #B2CCB2 - #E4D8C5

CSS codes

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

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