#EBD9C7 - #AF806B | 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 #EBD9C7 to #AF806B

#EBD9C7 #AF806B

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

#EBD9C7 - #AF806B | 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 #EBD9C7 as 0% and #AF806B as 100%.

0.0%	0.0% #EBD9C7	RGB 235 217 199	#EBD9C7
16.7%	16.7% #E1CAB7	RGB 225 202 183	#E1CAB7
33.3%	33.3% #D7BBA8	RGB 215 187 168	#D7BBA8
50.0%	50.0% #CDAC99	RGB 205 172 153	#CDAC99
66.7%	66.7% #C39D89	RGB 195 157 137	#C39D89
83.3%	83.3% #B98E7A	RGB 185 142 122	#B98E7A
100.0%	100.0% #AF806B	RGB 175 128 107	#AF806B

#EBD9C7 #E1CAB7 #D7BBA8 #CDAC99 #C39D89 #B98E7A #AF806B

#EBD9C7 - #AF806B

HSV Blend

#EBD9C7 - #AF806B | 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 #EBD9C7 as 0% and #AF806B as 100%.

0.0%	0.0% #EBD9C7	RGB 235 217 199	#EBD9C7
16.7%	16.7% #E1C9B5	RGB 225 201 181	#E1C9B5
33.3%	33.3% #D7BAA5	RGB 215 186 165	#D7BAA5
50.0%	50.0% #CDAB95	RGB 205 171 149	#CDAB95
66.7%	66.7% #C39D86	RGB 195 157 134	#C39D86
83.3%	83.3% #B98E78	RGB 185 142 120	#B98E78
100.0%	100.0% #AF806B	RGB 175 128 107	#AF806B

#EBD9C7 #E1C9B5 #D7BAA5 #CDAB95 #C39D86 #B98E78 #AF806B

#EBD9C7 - #CDAB95 - #AF806B

CSS codes

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

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