#ECEBDF - #B6AC88 | 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 #ECEBDF to #B6AC88

#ECEBDF #B6AC88

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

#ECEBDF - #B6AC88 | 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 #ECEBDF as 0% and #B6AC88 as 100%.

0.0%	0.0% #ECEBDF	RGB 236 235 223	#ECEBDF
16.7%	16.7% #E3E0D0	RGB 227 224 208	#E3E0D0
33.3%	33.3% #DAD6C2	RGB 218 214 194	#DAD6C2
50.0%	50.0% #D1CBB3	RGB 209 203 179	#D1CBB3
66.7%	66.7% #C8C1A5	RGB 200 193 165	#C8C1A5
83.3%	83.3% #BFB696	RGB 191 182 150	#BFB696
100.0%	100.0% #B6AC88	RGB 182 172 136	#B6AC88

#ECEBDF #E3E0D0 #DAD6C2 #D1CBB3 #C8C1A5 #BFB696 #B6AC88

#ECEBDF - #B6AC88

HSV Blend

#ECEBDF - #B6AC88 | 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 #ECEBDF as 0% and #B6AC88 as 100%.

0.0%	0.0% #ECEBDF	RGB 236 235 223	#ECEBDF
16.7%	16.7% #E3E0CF	RGB 227 224 207	#E3E0CF
33.3%	33.3% #DAD6BF	RGB 218 214 191	#DAD6BF
50.0%	50.0% #D1CCB0	RGB 209 204 176	#D1CCB0
66.7%	66.7% #C8C1A2	RGB 200 193 162	#C8C1A2
83.3%	83.3% #BFB695	RGB 191 182 149	#BFB695
100.0%	100.0% #B6AC88	RGB 182 172 136	#B6AC88

#ECEBDF #E3E0CF #DAD6BF #D1CCB0 #C8C1A2 #BFB695 #B6AC88

#ECEBDF - #D1CCB0 - #B6AC88

CSS codes

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

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