#EDC7D4 - #C26F8C | 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 #EDC7D4 to #C26F8C

#EDC7D4 #C26F8C

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

#EDC7D4 - #C26F8C | 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 #EDC7D4 as 0% and #C26F8C as 100%.

0.0%	0.0% #EDC7D4	RGB 237 199 212	#EDC7D4
16.7%	16.7% #E5B8C8	RGB 229 184 200	#E5B8C8
33.3%	33.3% #DEA9BC	RGB 222 169 188	#DEA9BC
50.0%	50.0% #D79BB0	RGB 215 155 176	#D79BB0
66.7%	66.7% #D08CA4	RGB 208 140 164	#D08CA4
83.3%	83.3% #C97D98	RGB 201 125 152	#C97D98
100.0%	100.0% #C26F8C	RGB 194 111 140	#C26F8C

#EDC7D4 #E5B8C8 #DEA9BC #D79BB0 #D08CA4 #C97D98 #C26F8C

#EDC7D4 - #C26F8C

HSV Blend

#EDC7D4 - #C26F8C | 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 #EDC7D4 as 0% and #C26F8C as 100%.

0.0%	0.0% #EDC7D4	RGB 237 199 212	#EDC7D4
16.7%	16.7% #E5B6C6	RGB 229 182 198	#E5B6C6
33.3%	33.3% #DEA7BA	RGB 222 167 186	#DEA7BA
50.0%	50.0% #D798AE	RGB 215 152 174	#D798AE
66.7%	66.7% #D089A2	RGB 208 137 162	#D089A2
83.3%	83.3% #C97C96	RGB 201 124 150	#C97C96
100.0%	100.0% #C26F8C	RGB 194 111 140	#C26F8C

#EDC7D4 #E5B6C6 #DEA7BA #D798AE #D089A2 #C97C96 #C26F8C

#EDC7D4 - #D798AE - #C26F8C

CSS codes

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

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