#EBCEC7 - #AF6C6B | 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 #EBCEC7 to #AF6C6B

#EBCEC7 #AF6C6B

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

#EBCEC7 - #AF6C6B | 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 #EBCEC7 as 0% and #AF6C6B as 100%.

0.0%	0.0% #EBCEC7	RGB 235 206 199	#EBCEC7
16.7%	16.7% #E1BDB7	RGB 225 189 183	#E1BDB7
33.3%	33.3% #D7ADA8	RGB 215 173 168	#D7ADA8
50.0%	50.0% #CD9D99	RGB 205 157 153	#CD9D99
66.7%	66.7% #C38C89	RGB 195 140 137	#C38C89
83.3%	83.3% #B97C7A	RGB 185 124 122	#B97C7A
100.0%	100.0% #AF6C6B	RGB 175 108 107	#AF6C6B

#EBCEC7 #E1BDB7 #D7ADA8 #CD9D99 #C38C89 #B97C7A #AF6C6B

#EBCEC7 - #AF6C6B

HSV Blend

#EBCEC7 - #AF6C6B | 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 #EBCEC7 as 0% and #AF6C6B as 100%.

0.0%	0.0% #EBCEC7	RGB 235 206 199	#EBCEC7
16.7%	16.7% #E1BCB5	RGB 225 188 181	#E1BCB5
33.3%	33.3% #D7ABA5	RGB 215 171 165	#D7ABA5
50.0%	50.0% #CD9B95	RGB 205 155 149	#CD9B95
66.7%	66.7% #C38B86	RGB 195 139 134	#C38B86
83.3%	83.3% #B97B78	RGB 185 123 120	#B97B78
100.0%	100.0% #AF6C6B	RGB 175 108 107	#AF6C6B

#EBCEC7 #E1BCB5 #D7ABA5 #CD9B95 #C38B86 #B97B78 #AF6C6B

#EBCEC7 - #CD9B95 - #AF6C6B

CSS codes

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

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