#EDCFD9 - #C37B92 | 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 #EDCFD9 to #C37B92

#EDCFD9 #C37B92

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

#EDCFD9 - #C37B92 | 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 #EDCFD9 as 0% and #C37B92 as 100%.

0.0%	0.0% #EDCFD9	RGB 237 207 217	#EDCFD9
16.7%	16.7% #E6C1CD	RGB 230 193 205	#E6C1CD
33.3%	33.3% #DFB3C1	RGB 223 179 193	#DFB3C1
50.0%	50.0% #D8A5B5	RGB 216 165 181	#D8A5B5
66.7%	66.7% #D197A9	RGB 209 151 169	#D197A9
83.3%	83.3% #CA899D	RGB 202 137 157	#CA899D
100.0%	100.0% #C37B92	RGB 195 123 146	#C37B92

#EDCFD9 #E6C1CD #DFB3C1 #D8A5B5 #D197A9 #CA899D #C37B92

#EDCFD9 - #C37B92

HSV Blend

#EDCFD9 - #C37B92 | 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 #EDCFD9 as 0% and #C37B92 as 100%.

0.0%	0.0% #EDCFD9	RGB 237 207 217	#EDCFD9
16.7%	16.7% #E6BFCC	RGB 230 191 204	#E6BFCC
33.3%	33.3% #DFB0BF	RGB 223 176 191	#DFB0BF
50.0%	50.0% #D8A2B3	RGB 216 162 179	#D8A2B3
66.7%	66.7% #D194A8	RGB 209 148 168	#D194A8
83.3%	83.3% #CA879C	RGB 202 135 156	#CA879C
100.0%	100.0% #C37B92	RGB 195 123 146	#C37B92

#EDCFD9 #E6BFCC #DFB0BF #D8A2B3 #D194A8 #CA879C #C37B92

#EDCFD9 - #D8A2B3 - #C37B92

CSS codes

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

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