#A48A8A - #FED2AC | 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 #A48A8A to #FED2AC

#A48A8A #FED2AC

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

#A48A8A - #FED2AC | 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 #A48A8A as 0% and #FED2AC as 100%.

0.0%	0.0% #A48A8A	RGB 164 138 138	#A48A8A
16.7%	16.7% #B3968F	RGB 179 150 143	#B3968F
33.3%	33.3% #C2A295	RGB 194 162 149	#C2A295
50.0%	50.0% #D1AE9B	RGB 209 174 155	#D1AE9B
66.7%	66.7% #E0BAA0	RGB 224 186 160	#E0BAA0
83.3%	83.3% #EFC6A6	RGB 239 198 166	#EFC6A6
100.0%	100.0% #FED2AC	RGB 254 210 172	#FED2AC

#A48A8A #B3968F #C2A295 #D1AE9B #E0BAA0 #EFC6A6 #FED2AC

#A48A8A - #FED2AC

HSV Blend

#A48A8A - #FED2AC | 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 #A48A8A as 0% and #FED2AC as 100%.

0.0%	0.0% #A48A8A	RGB 164 138 138	#A48A8A
16.7%	16.7% #B39491	RGB 179 148 145	#B39491
33.3%	33.3% #C29F98	RGB 194 159 152	#C29F98
50.0%	50.0% #D1AA9E	RGB 209 170 158	#D1AA9E
66.7%	66.7% #E0B6A3	RGB 224 182 163	#E0B6A3
83.3%	83.3% #EFC3A8	RGB 239 195 168	#EFC3A8
100.0%	100.0% #FED2AC	RGB 254 210 172	#FED2AC

#A48A8A #B39491 #C29F98 #D1AA9E #E0B6A3 #EFC3A8 #FED2AC

#A48A8A - #D1AA9E - #FED2AC

CSS codes

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

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