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

#C1617C #EDD1D9

Calculate the color between two colors, #C1617C 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)

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

0.0%	0.0% #C1617C	RGB 193 97 124	#C1617C
16.7%	16.7% #C8738B	RGB 200 115 139	#C8738B
33.3%	33.3% #CF869B	RGB 207 134 155	#CF869B
50.0%	50.0% #D799AA	RGB 215 153 170	#D799AA
66.7%	66.7% #DEABBA	RGB 222 171 186	#DEABBA
83.3%	83.3% #E5BEC9	RGB 229 190 201	#E5BEC9
100.0%	100.0% #EDD1D9	RGB 237 209 217	#EDD1D9

#C1617C #C8738B #CF869B #D799AA #DEABBA #E5BEC9 #EDD1D9

#C1617C - #EDD1D9

HSV Blend

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

0.0%	0.0% #C1617C	RGB 193 97 124	#C1617C
16.7%	16.7% #C87189	RGB 200 113 137	#C87189
33.3%	33.3% #CF8298	RGB 207 130 152	#CF8298
50.0%	50.0% #D794A7	RGB 215 148 167	#D794A7
66.7%	66.7% #DEA7B7	RGB 222 167 183	#DEA7B7
83.3%	83.3% #E5BCC7	RGB 229 188 199	#E5BCC7
100.0%	100.0% #EDD1D9	RGB 237 209 217	#EDD1D9

#C1617C #C87189 #CF8298 #D794A7 #DEA7B7 #E5BCC7 #EDD1D9

#C1617C - #D794A7 - #EDD1D9

CSS codes

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

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