#A3969B - #FFD6B2 | 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 #A3969B to #FFD6B2

#A3969B #FFD6B2

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

#A3969B - #FFD6B2 | 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 #A3969B as 0% and #FFD6B2 as 100%.

0.0%	0.0% #A3969B	RGB 163 150 155	#A3969B
16.7%	16.7% #B2A09E	RGB 178 160 158	#B2A09E
33.3%	33.3% #C1ABA2	RGB 193 171 162	#C1ABA2
50.0%	50.0% #D1B6A6	RGB 209 182 166	#D1B6A6
66.7%	66.7% #E0C0AA	RGB 224 192 170	#E0C0AA
83.3%	83.3% #EFCBAE	RGB 239 203 174	#EFCBAE
100.0%	100.0% #FFD6B2	RGB 255 214 178	#FFD6B2

#A3969B #B2A09E #C1ABA2 #D1B6A6 #E0C0AA #EFCBAE #FFD6B2

#A3969B - #FFD6B2

HSV Blend

#A3969B - #FFD6B2 | 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 #A3969B as 0% and #FFD6B2 as 100%.

0.0%	0.0% #A3969B	RGB 163 150 155	#A3969B
16.7%	16.7% #B29DA2	RGB 178 157 162	#B29DA2
33.3%	33.3% #C1A3A6	RGB 193 163 166	#C1A3A6
50.0%	50.0% #D1AAA9	RGB 209 170 169	#D1AAA9
66.7%	66.7% #E0B6AD	RGB 224 182 173	#E0B6AD
83.3%	83.3% #EFC4B0	RGB 239 196 176	#EFC4B0
100.0%	100.0% #FFD6B2	RGB 255 214 178	#FFD6B2

#A3969B #B29DA2 #C1A3A6 #D1AAA9 #E0B6AD #EFC4B0 #FFD6B2

#A3969B - #D1AAA9 - #FFD6B2

CSS codes

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

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