#ECCDCC - #B7697C | 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 #ECCDCC to #B7697C

#ECCDCC #B7697C

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

#ECCDCC - #B7697C | 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 #ECCDCC as 0% and #B7697C as 100%.

0.0%	0.0% #ECCDCC	RGB 236 205 204	#ECCDCC
16.7%	16.7% #E3BCBE	RGB 227 188 190	#E3BCBE
33.3%	33.3% #DAABB1	RGB 218 171 177	#DAABB1
50.0%	50.0% #D19BA4	RGB 209 155 164	#D19BA4
66.7%	66.7% #C88A96	RGB 200 138 150	#C88A96
83.3%	83.3% #BF7989	RGB 191 121 137	#BF7989
100.0%	100.0% #B7697C	RGB 183 105 124	#B7697C

#ECCDCC #E3BCBE #DAABB1 #D19BA4 #C88A96 #BF7989 #B7697C

#ECCDCC - #B7697C

HSV Blend

#ECCDCC - #B7697C | 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 #ECCDCC as 0% and #B7697C as 100%.

0.0%	0.0% #ECCDCC	RGB 236 205 204	#ECCDCC
16.7%	16.7% #E3B9B9	RGB 227 185 185	#E3B9B9
33.3%	33.3% #DAA7AA	RGB 218 167 170	#DAA7AA
50.0%	50.0% #D1969C	RGB 209 150 156	#D1969C
66.7%	66.7% #C88690	RGB 200 134 144	#C88690
83.3%	83.3% #BF7785	RGB 191 119 133	#BF7785
100.0%	100.0% #B7697C	RGB 183 105 124	#B7697C

#ECCDCC #E3B9B9 #DAA7AA #D1969C #C88690 #BF7785 #B7697C

#ECCDCC - #D1969C - #B7697C

CSS codes

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

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