#EDCED2 - #BF7E89 | 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 #EDCED2 to #BF7E89

#EDCED2 #BF7E89

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

#EDCED2 - #BF7E89 | 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 #EDCED2 as 0% and #BF7E89 as 100%.

0.0%	0.0% #EDCED2	RGB 237 206 210	#EDCED2
16.7%	16.7% #E5C0C5	RGB 229 192 197	#E5C0C5
33.3%	33.3% #DDB3B9	RGB 221 179 185	#DDB3B9
50.0%	50.0% #D6A6AD	RGB 214 166 173	#D6A6AD
66.7%	66.7% #CE98A1	RGB 206 152 161	#CE98A1
83.3%	83.3% #C68B95	RGB 198 139 149	#C68B95
100.0%	100.0% #BF7E89	RGB 191 126 137	#BF7E89

#EDCED2 #E5C0C5 #DDB3B9 #D6A6AD #CE98A1 #C68B95 #BF7E89

#EDCED2 - #BF7E89

HSV Blend

#EDCED2 - #BF7E89 | 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 #EDCED2 as 0% and #BF7E89 as 100%.

0.0%	0.0% #EDCED2	RGB 237 206 210	#EDCED2
16.7%	16.7% #E5BFC4	RGB 229 191 196	#E5BFC4
33.3%	33.3% #DDB1B7	RGB 221 177 183	#DDB1B7
50.0%	50.0% #D6A3AB	RGB 214 163 171	#D6A3AB
66.7%	66.7% #CE969F	RGB 206 150 159	#CE969F
83.3%	83.3% #C68993	RGB 198 137 147	#C68993
100.0%	100.0% #BF7E89	RGB 191 126 137	#BF7E89

#EDCED2 #E5BFC4 #DDB1B7 #D6A3AB #CE969F #C68993 #BF7E89

#EDCED2 - #D6A3AB - #BF7E89

CSS codes

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

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