#ECDFE4 - #B6988B | 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 #ECDFE4 to #B6988B

#ECDFE4 #B6988B

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

#ECDFE4 - #B6988B | 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 #ECDFE4 as 0% and #B6988B as 100%.

0.0%	0.0% #ECDFE4	RGB 236 223 228	#ECDFE4
16.7%	16.7% #E3D3D5	RGB 227 211 213	#E3D3D5
33.3%	33.3% #DAC7C6	RGB 218 199 198	#DAC7C6
50.0%	50.0% #D1BBB7	RGB 209 187 183	#D1BBB7
66.7%	66.7% #C8AFA8	RGB 200 175 168	#C8AFA8
83.3%	83.3% #BFA399	RGB 191 163 153	#BFA399
100.0%	100.0% #B6988B	RGB 182 152 139	#B6988B

#ECDFE4 #E3D3D5 #DAC7C6 #D1BBB7 #C8AFA8 #BFA399 #B6988B

#ECDFE4 - #B6988B

HSV Blend

#ECDFE4 - #B6988B | 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 #ECDFE4 as 0% and #B6988B as 100%.

0.0%	0.0% #ECDFE4	RGB 236 223 228	#ECDFE4
16.7%	16.7% #E3CFD4	RGB 227 207 212	#E3CFD4
33.3%	33.3% #DAC0C4	RGB 218 192 196	#DAC0C4
50.0%	50.0% #D1B2B3	RGB 209 178 179	#D1B2B3
66.7%	66.7% #C8A7A4	RGB 200 167 164	#C8A7A4
83.3%	83.3% #BF9F97	RGB 191 159 151	#BF9F97
100.0%	100.0% #B6988B	RGB 182 152 139	#B6988B

#ECDFE4 #E3CFD4 #DAC0C4 #D1B2B3 #C8A7A4 #BF9F97 #B6988B

#ECDFE4 - #D1B2B3 - #B6988B

CSS codes

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

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