#A19A8C - #FFD6A4 | 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 #A19A8C to #FFD6A4

#A19A8C #FFD6A4

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

#A19A8C - #FFD6A4 | 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 #A19A8C as 0% and #FFD6A4 as 100%.

0.0%	0.0% #A19A8C	RGB 161 154 140	#A19A8C
16.7%	16.7% #B0A490	RGB 176 164 144	#B0A490
33.3%	33.3% #C0AE94	RGB 192 174 148	#C0AE94
50.0%	50.0% #D0B898	RGB 208 184 152	#D0B898
66.7%	66.7% #DFC29C	RGB 223 194 156	#DFC29C
83.3%	83.3% #EFCCA0	RGB 239 204 160	#EFCCA0
100.0%	100.0% #FFD6A4	RGB 255 214 164	#FFD6A4

#A19A8C #B0A490 #C0AE94 #D0B898 #DFC29C #EFCCA0 #FFD6A4

#A19A8C - #FFD6A4

HSV Blend

#A19A8C - #FFD6A4 | 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 #A19A8C as 0% and #FFD6A4 as 100%.

0.0%	0.0% #A19A8C	RGB 161 154 140	#A19A8C
16.7%	16.7% #B0A692	RGB 176 166 146	#B0A692
33.3%	33.3% #C0B198	RGB 192 177 152	#C0B198
50.0%	50.0% #D0BC9D	RGB 208 188 157	#D0BC9D
66.7%	66.7% #DFC5A0	RGB 223 197 160	#DFC5A0
83.3%	83.3% #EFCEA2	RGB 239 206 162	#EFCEA2
100.0%	100.0% #FFD6A4	RGB 255 214 164	#FFD6A4

#A19A8C #B0A692 #C0B198 #D0BC9D #DFC5A0 #EFCEA2 #FFD6A4

#A19A8C - #D0BC9D - #FFD6A4

CSS codes

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

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