#EDC0C7 - #BF6A7B | 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 #EDC0C7 to #BF6A7B

#EDC0C7 #BF6A7B

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

#EDC0C7 - #BF6A7B | 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 #EDC0C7 as 0% and #BF6A7B as 100%.

0.0%	0.0% #EDC0C7	RGB 237 192 199	#EDC0C7
16.7%	16.7% #E5B1BA	RGB 229 177 186	#E5B1BA
33.3%	33.3% #DDA3AD	RGB 221 163 173	#DDA3AD
50.0%	50.0% #D695A1	RGB 214 149 161	#D695A1
66.7%	66.7% #CE8694	RGB 206 134 148	#CE8694
83.3%	83.3% #C67887	RGB 198 120 135	#C67887
100.0%	100.0% #BF6A7B	RGB 191 106 123	#BF6A7B

#EDC0C7 #E5B1BA #DDA3AD #D695A1 #CE8694 #C67887 #BF6A7B

#EDC0C7 - #BF6A7B

HSV Blend

#EDC0C7 - #BF6A7B | 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 #EDC0C7 as 0% and #BF6A7B as 100%.

0.0%	0.0% #EDC0C7	RGB 237 192 199	#EDC0C7
16.7%	16.7% #E5B0B8	RGB 229 176 184	#E5B0B8
33.3%	33.3% #DDA0AB	RGB 221 160 171	#DDA0AB
50.0%	50.0% #D6929E	RGB 214 146 158	#D6929E
66.7%	66.7% #CE8491	RGB 206 132 145	#CE8491
83.3%	83.3% #C67686	RGB 198 118 134	#C67686
100.0%	100.0% #BF6A7B	RGB 191 106 123	#BF6A7B

#EDC0C7 #E5B0B8 #DDA0AB #D6929E #CE8491 #C67686 #BF6A7B

#EDC0C7 - #D6929E - #BF6A7B

CSS codes

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

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