#C188D1 - #EDDDF1 | 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 #C188D1 to #EDDDF1

#C188D1 #EDDDF1

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

#C188D1 - #EDDDF1 | 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 #C188D1 as 0% and #EDDDF1 as 100%.

0.0%	0.0% #C188D1	RGB 193 136 209	#C188D1
16.7%	16.7% #C896D6	RGB 200 150 214	#C896D6
33.3%	33.3% #CFA4DB	RGB 207 164 219	#CFA4DB
50.0%	50.0% #D7B2E1	RGB 215 178 225	#D7B2E1
66.7%	66.7% #DEC0E6	RGB 222 192 230	#DEC0E6
83.3%	83.3% #E5CEEB	RGB 229 206 235	#E5CEEB
100.0%	100.0% #EDDDF1	RGB 237 221 241	#EDDDF1

#C188D1 #C896D6 #CFA4DB #D7B2E1 #DEC0E6 #E5CEEB #EDDDF1

#C188D1 - #EDDDF1

HSV Blend

#C188D1 - #EDDDF1 | 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 #C188D1 as 0% and #EDDDF1 as 100%.

0.0%	0.0% #C188D1	RGB 193 136 209	#C188D1
16.7%	16.7% #C894D6	RGB 200 148 214	#C894D6
33.3%	33.3% #CFA2DB	RGB 207 162 219	#CFA2DB
50.0%	50.0% #D6B0E1	RGB 214 176 225	#D6B0E1
66.7%	66.7% #DEBEE6	RGB 222 190 230	#DEBEE6
83.3%	83.3% #E5CDEB	RGB 229 205 235	#E5CDEB
100.0%	100.0% #EDDDF1	RGB 237 221 241	#EDDDF1

#C188D1 #C894D6 #CFA2DB #D6B0E1 #DEBEE6 #E5CDEB #EDDDF1

#C188D1 - #D6B0E1 - #EDDDF1

CSS codes

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

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