#C28CB1 - #EDDEE8 | 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 #C28CB1 to #EDDEE8

#C28CB1 #EDDEE8

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

#C28CB1 - #EDDEE8 | 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 #C28CB1 as 0% and #EDDEE8 as 100%.

0.0%	0.0% #C28CB1	RGB 194 140 177	#C28CB1
16.7%	16.7% #C999BA	RGB 201 153 186	#C999BA
33.3%	33.3% #D0A7C3	RGB 208 167 195	#D0A7C3
50.0%	50.0% #D7B5CC	RGB 215 181 204	#D7B5CC
66.7%	66.7% #DEC2D5	RGB 222 194 213	#DEC2D5
83.3%	83.3% #E5D0DE	RGB 229 208 222	#E5D0DE
100.0%	100.0% #EDDEE8	RGB 237 222 232	#EDDEE8

#C28CB1 #C999BA #D0A7C3 #D7B5CC #DEC2D5 #E5D0DE #EDDEE8

#C28CB1 - #EDDEE8

HSV Blend

#C28CB1 - #EDDEE8 | 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 #C28CB1 as 0% and #EDDEE8 as 100%.

0.0%	0.0% #C28CB1	RGB 194 140 177	#C28CB1
16.7%	16.7% #C998B9	RGB 201 152 185	#C998B9
33.3%	33.3% #D0A5C2	RGB 208 165 194	#D0A5C2
50.0%	50.0% #D7B2CB	RGB 215 178 203	#D7B2CB
66.7%	66.7% #DEC0D4	RGB 222 192 212	#DEC0D4
83.3%	83.3% #E5CFDE	RGB 229 207 222	#E5CFDE
100.0%	100.0% #EDDEE8	RGB 237 222 232	#EDDEE8

#C28CB1 #C998B9 #D0A5C2 #D7B2CB #DEC0D4 #E5CFDE #EDDEE8

#C28CB1 - #D7B2CB - #EDDEE8

CSS codes

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

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