#A8A6AC - #FFDBAE | 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 #A8A6AC to #FFDBAE

#A8A6AC #FFDBAE

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

#A8A6AC - #FFDBAE | 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 #A8A6AC as 0% and #FFDBAE as 100%.

0.0%	0.0% #A8A6AC	RGB 168 166 172	#A8A6AC
16.7%	16.7% #B6AEAC	RGB 182 174 172	#B6AEAC
33.3%	33.3% #C5B7AC	RGB 197 183 172	#C5B7AC
50.0%	50.0% #D3C0AD	RGB 211 192 173	#D3C0AD
66.7%	66.7% #E2C9AD	RGB 226 201 173	#E2C9AD
83.3%	83.3% #F0D2AD	RGB 240 210 173	#F0D2AD
100.0%	100.0% #FFDBAE	RGB 255 219 174	#FFDBAE

#A8A6AC #B6AEAC #C5B7AC #D3C0AD #E2C9AD #F0D2AD #FFDBAE

#A8A6AC - #FFDBAE

HSV Blend

#A8A6AC - #FFDBAE | 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 #A8A6AC as 0% and #FFDBAE as 100%.

0.0%	0.0% #A8A6AC	RGB 168 166 172	#A8A6AC
16.7%	16.7% #B5AAB9	RGB 181 170 185	#B5AAB9
33.3%	33.3% #C7ADC5	RGB 199 173 197	#C7ADC5
50.0%	50.0% #D5AFC4	RGB 213 175 196	#D5AFC4
66.7%	66.7% #E3B0B9	RGB 227 176 185	#E3B0B9
83.3%	83.3% #F1BCAF	RGB 241 188 175	#F1BCAF
100.0%	100.0% #FFDBAE	RGB 255 219 174	#FFDBAE

#A8A6AC #B5AAB9 #C7ADC5 #D5AFC4 #E3B0B9 #F1BCAF #FFDBAE

#A8A6AC - #D5AFC4 - #FFDBAE

CSS codes

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

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