#C2849D - #EDDBE2 | 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 #C2849D to #EDDBE2

#C2849D #EDDBE2

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

#C2849D - #EDDBE2 | 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 #C2849D as 0% and #EDDBE2 as 100%.

0.0%	0.0% #C2849D	RGB 194 132 157	#C2849D
16.7%	16.7% #C992A8	RGB 201 146 168	#C992A8
33.3%	33.3% #D0A1B4	RGB 208 161 180	#D0A1B4
50.0%	50.0% #D7AFBF	RGB 215 175 191	#D7AFBF
66.7%	66.7% #DEBECB	RGB 222 190 203	#DEBECB
83.3%	83.3% #E5CCD6	RGB 229 204 214	#E5CCD6
100.0%	100.0% #EDDBE2	RGB 237 219 226	#EDDBE2

#C2849D #C992A8 #D0A1B4 #D7AFBF #DEBECB #E5CCD6 #EDDBE2

#C2849D - #EDDBE2

HSV Blend

#C2849D - #EDDBE2 | 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 #C2849D as 0% and #EDDBE2 as 100%.

0.0%	0.0% #C2849D	RGB 194 132 157	#C2849D
16.7%	16.7% #C991A7	RGB 201 145 167	#C991A7
33.3%	33.3% #D09EB2	RGB 208 158 178	#D09EB2
50.0%	50.0% #D7ACBD	RGB 215 172 189	#D7ACBD
66.7%	66.7% #DEBBC9	RGB 222 187 201	#DEBBC9
83.3%	83.3% #E5CBD5	RGB 229 203 213	#E5CBD5
100.0%	100.0% #EDDBE2	RGB 237 219 226	#EDDBE2

#C2849D #C991A7 #D09EB2 #D7ACBD #DEBBC9 #E5CBD5 #EDDBE2

#C2849D - #D7ACBD - #EDDBE2

CSS codes

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

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