#EDC5E2 - #C9629F | 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 #EDC5E2 to #C9629F

#EDC5E2 #C9629F

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

#EDC5E2 - #C9629F | 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 #EDC5E2 as 0% and #C9629F as 100%.

0.0%	0.0% #EDC5E2	RGB 237 197 226	#EDC5E2
16.7%	16.7% #E7B4D6	RGB 231 180 214	#E7B4D6
33.3%	33.3% #E1A4CB	RGB 225 164 203	#E1A4CB
50.0%	50.0% #DB93C0	RGB 219 147 192	#DB93C0
66.7%	66.7% #D583B5	RGB 213 131 181	#D583B5
83.3%	83.3% #CF72AA	RGB 207 114 170	#CF72AA
100.0%	100.0% #C9629F	RGB 201 98 159	#C9629F

#EDC5E2 #E7B4D6 #E1A4CB #DB93C0 #D583B5 #CF72AA #C9629F

#EDC5E2 - #C9629F

HSV Blend

#EDC5E2 - #C9629F | 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 #EDC5E2 as 0% and #C9629F as 100%.

0.0%	0.0% #EDC5E2	RGB 237 197 226	#EDC5E2
16.7%	16.7% #E7B2D7	RGB 231 178 215	#E7B2D7
33.3%	33.3% #E1A1CC	RGB 225 161 204	#E1A1CC
50.0%	50.0% #DB90C1	RGB 219 144 193	#DB90C1
66.7%	66.7% #D580B6	RGB 213 128 182	#D580B6
83.3%	83.3% #CF70AA	RGB 207 112 170	#CF70AA
100.0%	100.0% #C9629F	RGB 201 98 159	#C9629F

#EDC5E2 #E7B2D7 #E1A1CC #DB90C1 #D580B6 #CF70AA #C9629F

#EDC5E2 - #DB90C1 - #C9629F

CSS codes

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

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