#E5D0CF - #B6827F | 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 #E5D0CF to #B6827F

#E5D0CF #B6827F

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

#E5D0CF - #B6827F | 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 #E5D0CF as 0% and #B6827F as 100%.

0.0%	0.0% #E5D0CF	RGB 229 208 207	#E5D0CF
16.7%	16.7% #DDC3C1	RGB 221 195 193	#DDC3C1
33.3%	33.3% #D5B6B4	RGB 213 182 180	#D5B6B4
50.0%	50.0% #CDA9A7	RGB 205 169 167	#CDA9A7
66.7%	66.7% #C59C99	RGB 197 156 153	#C59C99
83.3%	83.3% #BD8F8C	RGB 189 143 140	#BD8F8C
100.0%	100.0% #B6827F	RGB 182 130 127	#B6827F

#E5D0CF #DDC3C1 #D5B6B4 #CDA9A7 #C59C99 #BD8F8C #B6827F

#E5D0CF - #B6827F

HSV Blend

#E5D0CF - #B6827F | 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 #E5D0CF as 0% and #B6827F as 100%.

0.0%	0.0% #E5D0CF	RGB 229 208 207	#E5D0CF
16.7%	16.7% #DDC1C0	RGB 221 193 192	#DDC1C0
33.3%	33.3% #D5B3B2	RGB 213 179 178	#D5B3B2
50.0%	50.0% #CDA6A4	RGB 205 166 164	#CDA6A4
66.7%	66.7% #C59997	RGB 197 153 151	#C59997
83.3%	83.3% #BD8D8A	RGB 189 141 138	#BD8D8A
100.0%	100.0% #B6827F	RGB 182 130 127	#B6827F

#E5D0CF #DDC1C0 #D5B3B2 #CDA6A4 #C59997 #BD8D8A #B6827F

#E5D0CF - #CDA6A4 - #B6827F

CSS codes

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

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