#A0AFB7 - #E5D9C6 | 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 #A0AFB7 to #E5D9C6

#A0AFB7 #E5D9C6

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

#A0AFB7 - #E5D9C6 | 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 #A0AFB7 as 0% and #E5D9C6 as 100%.

0.0%	0.0% #A0AFB7	RGB 160 175 183	#A0AFB7
16.7%	16.7% #ABB6B9	RGB 171 182 185	#ABB6B9
33.3%	33.3% #B7BDBC	RGB 183 189 188	#B7BDBC
50.0%	50.0% #C2C4BE	RGB 194 196 190	#C2C4BE
66.7%	66.7% #CECBC1	RGB 206 203 193	#CECBC1
83.3%	83.3% #D9D2C3	RGB 217 210 195	#D9D2C3
100.0%	100.0% #E5D9C6	RGB 229 217 198	#E5D9C6

#A0AFB7 #ABB6B9 #B7BDBC #C2C4BE #CECBC1 #D9D2C3 #E5D9C6

#A0AFB7 - #E5D9C6

HSV Blend

#A0AFB7 - #E5D9C6 | 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 #A0AFB7 as 0% and #E5D9C6 as 100%.

0.0%	0.0% #A0AFB7	RGB 160 175 183	#A0AFB7
16.7%	16.7% #A6BEBC	RGB 166 190 188	#A6BEBC
33.3%	33.3% #ACC6B7	RGB 172 198 183	#ACC6B7
50.0%	50.0% #B3CEB3	RGB 179 206 179	#B3CEB3
66.7%	66.7% #C6D5B9	RGB 198 213 185	#C6D5B9
83.3%	83.3% #DBDDBF	RGB 219 221 191	#DBDDBF
100.0%	100.0% #E5D9C6	RGB 229 217 198	#E5D9C6

#A0AFB7 #A6BEBC #ACC6B7 #B3CEB3 #C6D5B9 #DBDDBF #E5D9C6

#A0AFB7 - #B3CEB3 - #E5D9C6

CSS codes

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

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