#C5849C - #EEDBE2 | 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 #C5849C to #EEDBE2

#C5849C #EEDBE2

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

#C5849C - #EEDBE2 | 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 #C5849C as 0% and #EEDBE2 as 100%.

0.0%	0.0% #C5849C	RGB 197 132 156	#C5849C
16.7%	16.7% #CB92A7	RGB 203 146 167	#CB92A7
33.3%	33.3% #D2A1B3	RGB 210 161 179	#D2A1B3
50.0%	50.0% #D9AFBF	RGB 217 175 191	#D9AFBF
66.7%	66.7% #E0BECA	RGB 224 190 202	#E0BECA
83.3%	83.3% #E7CCD6	RGB 231 204 214	#E7CCD6
100.0%	100.0% #EEDBE2	RGB 238 219 226	#EEDBE2

#C5849C #CB92A7 #D2A1B3 #D9AFBF #E0BECA #E7CCD6 #EEDBE2

#C5849C - #EEDBE2

HSV Blend

#C5849C - #EEDBE2 | 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 #C5849C as 0% and #EEDBE2 as 100%.

0.0%	0.0% #C5849C	RGB 197 132 156	#C5849C
16.7%	16.7% #CB91A6	RGB 203 145 166	#CB91A6
33.3%	33.3% #D29EB1	RGB 210 158 177	#D29EB1
50.0%	50.0% #D9ACBD	RGB 217 172 189	#D9ACBD
66.7%	66.7% #E0BBC9	RGB 224 187 201	#E0BBC9
83.3%	83.3% #E7CBD5	RGB 231 203 213	#E7CBD5
100.0%	100.0% #EEDBE2	RGB 238 219 226	#EEDBE2

#C5849C #CB91A6 #D29EB1 #D9ACBD #E0BBC9 #E7CBD5 #EEDBE2

#C5849C - #D9ACBD - #EEDBE2

CSS codes

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

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