#C15E7B - #EDD1D9 | 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 #C15E7B to #EDD1D9

#C15E7B #EDD1D9

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

#C15E7B - #EDD1D9 | 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 #C15E7B as 0% and #EDD1D9 as 100%.

0.0%	0.0% #C15E7B	RGB 193 94 123	#C15E7B
16.7%	16.7% #C8718A	RGB 200 113 138	#C8718A
33.3%	33.3% #CF849A	RGB 207 132 154	#CF849A
50.0%	50.0% #D797AA	RGB 215 151 170	#D797AA
66.7%	66.7% #DEAAB9	RGB 222 170 185	#DEAAB9
83.3%	83.3% #E5BDC9	RGB 229 189 201	#E5BDC9
100.0%	100.0% #EDD1D9	RGB 237 209 217	#EDD1D9

#C15E7B #C8718A #CF849A #D797AA #DEAAB9 #E5BDC9 #EDD1D9

#C15E7B - #EDD1D9

HSV Blend

#C15E7B - #EDD1D9 | 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 #C15E7B as 0% and #EDD1D9 as 100%.

0.0%	0.0% #C15E7B	RGB 193 94 123	#C15E7B
16.7%	16.7% #C86E88	RGB 200 110 136	#C86E88
33.3%	33.3% #CF8097	RGB 207 128 151	#CF8097
50.0%	50.0% #D793A6	RGB 215 147 166	#D793A6
66.7%	66.7% #DEA6B6	RGB 222 166 182	#DEA6B6
83.3%	83.3% #E5BBC7	RGB 229 187 199	#E5BBC7
100.0%	100.0% #EDD1D9	RGB 237 209 217	#EDD1D9

#C15E7B #C86E88 #CF8097 #D793A6 #DEA6B6 #E5BBC7 #EDD1D9

#C15E7B - #D793A6 - #EDD1D9

CSS codes

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

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