#C17C9A - #EDD9E2 | 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 #C17C9A to #EDD9E2

#C17C9A #EDD9E2

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

#C17C9A - #EDD9E2 | 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 #C17C9A as 0% and #EDD9E2 as 100%.

0.0%	0.0% #C17C9A	RGB 193 124 154	#C17C9A
16.7%	16.7% #C88BA6	RGB 200 139 166	#C88BA6
33.3%	33.3% #CF9BB2	RGB 207 155 178	#CF9BB2
50.0%	50.0% #D7AABE	RGB 215 170 190	#D7AABE
66.7%	66.7% #DEBACA	RGB 222 186 202	#DEBACA
83.3%	83.3% #E5C9D6	RGB 229 201 214	#E5C9D6
100.0%	100.0% #EDD9E2	RGB 237 217 226	#EDD9E2

#C17C9A #C88BA6 #CF9BB2 #D7AABE #DEBACA #E5C9D6 #EDD9E2

#C17C9A - #EDD9E2

HSV Blend

#C17C9A - #EDD9E2 | 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 #C17C9A as 0% and #EDD9E2 as 100%.

0.0%	0.0% #C17C9A	RGB 193 124 154	#C17C9A
16.7%	16.7% #C889A5	RGB 200 137 165	#C889A5
33.3%	33.3% #CF98B0	RGB 207 152 176	#CF98B0
50.0%	50.0% #D7A7BC	RGB 215 167 188	#D7A7BC
66.7%	66.7% #DEB7C8	RGB 222 183 200	#DEB7C8
83.3%	83.3% #E5C7D5	RGB 229 199 213	#E5C7D5
100.0%	100.0% #EDD9E2	RGB 237 217 226	#EDD9E2

#C17C9A #C889A5 #CF98B0 #D7A7BC #DEB7C8 #E5C7D5 #EDD9E2

#C17C9A - #D7A7BC - #EDD9E2

CSS codes

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

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