#ECE2DF - #B6828A | 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 #ECE2DF to #B6828A

#ECE2DF #B6828A

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

#ECE2DF - #B6828A | 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 #ECE2DF as 0% and #B6828A as 100%.

0.0%	0.0% #ECE2DF	RGB 236 226 223	#ECE2DF
16.7%	16.7% #E3D2D0	RGB 227 210 208	#E3D2D0
33.3%	33.3% #DAC2C2	RGB 218 194 194	#DAC2C2
50.0%	50.0% #D1B2B4	RGB 209 178 180	#D1B2B4
66.7%	66.7% #C8A2A6	RGB 200 162 166	#C8A2A6
83.3%	83.3% #BF9298	RGB 191 146 152	#BF9298
100.0%	100.0% #B6828A	RGB 182 130 138	#B6828A

#ECE2DF #E3D2D0 #DAC2C2 #D1B2B4 #C8A2A6 #BF9298 #B6828A

#ECE2DF - #B6828A

HSV Blend

#ECE2DF - #B6828A | 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 #ECE2DF as 0% and #B6828A as 100%.

0.0%	0.0% #ECE2DF	RGB 236 226 223	#ECE2DF
16.7%	16.7% #E3D1CD	RGB 227 209 205	#E3D1CD
33.3%	33.3% #DAC0BD	RGB 218 192 189	#DAC0BD
50.0%	50.0% #D1AEAD	RGB 209 174 173	#D1AEAD
66.7%	66.7% #C89E9F	RGB 200 158 159	#C89E9F
83.3%	83.3% #BF8F94	RGB 191 143 148	#BF8F94
100.0%	100.0% #B6828A	RGB 182 130 138	#B6828A

#ECE2DF #E3D1CD #DAC0BD #D1AEAD #C89E9F #BF8F94 #B6828A

#ECE2DF - #D1AEAD - #B6828A

CSS codes

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

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