#AF7F6B - #E8DAD4 | 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 #AF7F6B to #E8DAD4

#AF7F6B #E8DAD4

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

#AF7F6B - #E8DAD4 | 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 #AF7F6B as 0% and #E8DAD4 as 100%.

0.0%	0.0% #AF7F6B	RGB 175 127 107	#AF7F6B
16.7%	16.7% #B88E7C	RGB 184 142 124	#B88E7C
33.3%	33.3% #C29D8E	RGB 194 157 142	#C29D8E
50.0%	50.0% #CBAC9F	RGB 203 172 159	#CBAC9F
66.7%	66.7% #D5BBB1	RGB 213 187 177	#D5BBB1
83.3%	83.3% #DECAC2	RGB 222 202 194	#DECAC2
100.0%	100.0% #E8DAD4	RGB 232 218 212	#E8DAD4

#AF7F6B #B88E7C #C29D8E #CBAC9F #D5BBB1 #DECAC2 #E8DAD4

#AF7F6B - #E8DAD4

HSV Blend

#AF7F6B - #E8DAD4 | 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 #AF7F6B as 0% and #E8DAD4 as 100%.

0.0%	0.0% #AF7F6B	RGB 175 127 107	#AF7F6B
16.7%	16.7% #B88C7A	RGB 184 140 122	#B88C7A
33.3%	33.3% #C29A8A	RGB 194 154 138	#C29A8A
50.0%	50.0% #CBA99B	RGB 203 169 155	#CBA99B
66.7%	66.7% #D5B9AD	RGB 213 185 173	#D5B9AD
83.3%	83.3% #DEC9C0	RGB 222 201 192	#DEC9C0
100.0%	100.0% #E8DAD4	RGB 232 218 212	#E8DAD4

#AF7F6B #B88C7A #C29A8A #CBA99B #D5B9AD #DEC9C0 #E8DAD4

#AF7F6B - #CBA99B - #E8DAD4

CSS codes

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

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