#C17DB8 - #EDD9EA | 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 #C17DB8 to #EDD9EA

#C17DB8 #EDD9EA

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

#C17DB8 - #EDD9EA | 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 #C17DB8 as 0% and #EDD9EA as 100%.

0.0%	0.0% #C17DB8	RGB 193 125 184	#C17DB8
16.7%	16.7% #C88CC0	RGB 200 140 192	#C88CC0
33.3%	33.3% #CF9BC8	RGB 207 155 200	#CF9BC8
50.0%	50.0% #D7ABD1	RGB 215 171 209	#D7ABD1
66.7%	66.7% #DEBAD9	RGB 222 186 217	#DEBAD9
83.3%	83.3% #E5C9E1	RGB 229 201 225	#E5C9E1
100.0%	100.0% #EDD9EA	RGB 237 217 234	#EDD9EA

#C17DB8 #C88CC0 #CF9BC8 #D7ABD1 #DEBAD9 #E5C9E1 #EDD9EA

#C17DB8 - #EDD9EA

HSV Blend

#C17DB8 - #EDD9EA | 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 #C17DB8 as 0% and #EDD9EA as 100%.

0.0%	0.0% #C17DB7	RGB 193 125 183	#C17DB7
16.7%	16.7% #C88ABF	RGB 200 138 191	#C88ABF
33.3%	33.3% #CF99C8	RGB 207 153 200	#CF99C8
50.0%	50.0% #D7A8D0	RGB 215 168 208	#D7A8D0
66.7%	66.7% #DEB7D8	RGB 222 183 216	#DEB7D8
83.3%	83.3% #E5C8E1	RGB 229 200 225	#E5C8E1
100.0%	100.0% #EDD9EA	RGB 237 217 234	#EDD9EA

#C17DB7 #C88ABF #CF99C8 #D7A8D0 #DEB7D8 #E5C8E1 #EDD9EA

#C17DB8 - #D7A8D0 - #EDD9EA

CSS codes

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

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