#EDE5E6 - #BEA1A4 | 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 #EDE5E6 to #BEA1A4

#EDE5E6 #BEA1A4

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

#EDE5E6 - #BEA1A4 | 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 #EDE5E6 as 0% and #BEA1A4 as 100%.

0.0%	0.0% #EDE5E6	RGB 237 229 230	#EDE5E6
16.7%	16.7% #E5D9DB	RGB 229 217 219	#E5D9DB
33.3%	33.3% #DDCED0	RGB 221 206 208	#DDCED0
50.0%	50.0% #D5C3C5	RGB 213 195 197	#D5C3C5
66.7%	66.7% #CDB7BA	RGB 205 183 186	#CDB7BA
83.3%	83.3% #C5ACAF	RGB 197 172 175	#C5ACAF
100.0%	100.0% #BEA1A4	RGB 190 161 164	#BEA1A4

#EDE5E6 #E5D9DB #DDCED0 #D5C3C5 #CDB7BA #C5ACAF #BEA1A4

#EDE5E6 - #BEA1A4

HSV Blend

#EDE5E6 - #BEA1A4 | 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 #EDE5E6 as 0% and #BEA1A4 as 100%.

0.0%	0.0% #EDE5E6	RGB 237 229 230	#EDE5E6
16.7%	16.7% #E5D8DA	RGB 229 216 218	#E5D8DA
33.3%	33.3% #DDCDCF	RGB 221 205 207	#DDCDCF
50.0%	50.0% #D5C1C3	RGB 213 193 195	#D5C1C3
66.7%	66.7% #CDB6B8	RGB 205 182 184	#CDB6B8
83.3%	83.3% #C5ABAE	RGB 197 171 174	#C5ABAE
100.0%	100.0% #BEA1A4	RGB 190 161 164	#BEA1A4

#EDE5E6 #E5D8DA #DDCDCF #D5C1C3 #CDB6B8 #C5ABAE #BEA1A4

#EDE5E6 - #D5C1C3 - #BEA1A4

CSS codes

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

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