#A28C8B - #FED3AC | 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 #A28C8B to #FED3AC

#A28C8B #FED3AC

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

#A28C8B - #FED3AC | 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 #A28C8B as 0% and #FED3AC as 100%.

0.0%	0.0% #A28C8B	RGB 162 140 139	#A28C8B
16.7%	16.7% #B19790	RGB 177 151 144	#B19790
33.3%	33.3% #C0A396	RGB 192 163 150	#C0A396
50.0%	50.0% #D0AF9B	RGB 208 175 155	#D0AF9B
66.7%	66.7% #DFBBA1	RGB 223 187 161	#DFBBA1
83.3%	83.3% #EEC7A6	RGB 238 199 166	#EEC7A6
100.0%	100.0% #FED3AC	RGB 254 211 172	#FED3AC

#A28C8B #B19790 #C0A396 #D0AF9B #DFBBA1 #EEC7A6 #FED3AC

#A28C8B - #FED3AC

HSV Blend

#A28C8B - #FED3AC | 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 #A28C8B as 0% and #FED3AC as 100%.

0.0%	0.0% #A28C8B	RGB 162 140 139	#A28C8B
16.7%	16.7% #B19692	RGB 177 150 146	#B19692
33.3%	33.3% #C0A199	RGB 192 161 153	#C0A199
50.0%	50.0% #D0AC9F	RGB 208 172 159	#D0AC9F
66.7%	66.7% #DFB8A4	RGB 223 184 164	#DFB8A4
83.3%	83.3% #EEC5A8	RGB 238 197 168	#EEC5A8
100.0%	100.0% #FED3AC	RGB 254 211 172	#FED3AC

#A28C8B #B19692 #C0A199 #D0AC9F #DFB8A4 #EEC5A8 #FED3AC

#A28C8B - #D0AC9F - #FED3AC

CSS codes

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

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