#A7969B - #FFD6B0 | 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 #A7969B to #FFD6B0

#A7969B #FFD6B0

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

#A7969B - #FFD6B0 | 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 #A7969B as 0% and #FFD6B0 as 100%.

0.0%	0.0% #A7969B	RGB 167 150 155	#A7969B
16.7%	16.7% #B5A09E	RGB 181 160 158	#B5A09E
33.3%	33.3% #C4ABA2	RGB 196 171 162	#C4ABA2
50.0%	50.0% #D3B6A5	RGB 211 182 165	#D3B6A5
66.7%	66.7% #E1C0A9	RGB 225 192 169	#E1C0A9
83.3%	83.3% #F0CBAC	RGB 240 203 172	#F0CBAC
100.0%	100.0% #FFD6B0	RGB 255 214 176	#FFD6B0

#A7969B #B5A09E #C4ABA2 #D3B6A5 #E1C0A9 #F0CBAC #FFD6B0

#A7969B - #FFD6B0

HSV Blend

#A7969B - #FFD6B0 | 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 #A7969B as 0% and #FFD6B0 as 100%.

0.0%	0.0% #A7969B	RGB 167 150 155	#A7969B
16.7%	16.7% #B59CA0	RGB 181 156 160	#B59CA0
33.3%	33.3% #C4A2A3	RGB 196 162 163	#C4A2A3
50.0%	50.0% #D3ABA7	RGB 211 171 167	#D3ABA7
66.7%	66.7% #E1B7AB	RGB 225 183 171	#E1B7AB
83.3%	83.3% #F0C5AE	RGB 240 197 174	#F0C5AE
100.0%	100.0% #FFD6B0	RGB 255 214 176	#FFD6B0

#A7969B #B59CA0 #C4A2A3 #D3ABA7 #E1B7AB #F0C5AE #FFD6B0

#A7969B - #D3ABA7 - #FFD6B0

CSS codes

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

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