#C88DA7 - #EFDEE5 | 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 #C88DA7 to #EFDEE5

#C88DA7 #EFDEE5

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

#C88DA7 - #EFDEE5 | 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 #C88DA7 as 0% and #EFDEE5 as 100%.

0.0%	0.0% #C88DA7	RGB 200 141 167	#C88DA7
16.7%	16.7% #CE9AB1	RGB 206 154 177	#CE9AB1
33.3%	33.3% #D5A8BB	RGB 213 168 187	#D5A8BB
50.0%	50.0% #DBB5C6	RGB 219 181 198	#DBB5C6
66.7%	66.7% #E2C3D0	RGB 226 195 208	#E2C3D0
83.3%	83.3% #E8D0DA	RGB 232 208 218	#E8D0DA
100.0%	100.0% #EFDEE5	RGB 239 222 229	#EFDEE5

#C88DA7 #CE9AB1 #D5A8BB #DBB5C6 #E2C3D0 #E8D0DA #EFDEE5

#C88DA7 - #EFDEE5

HSV Blend

#C88DA7 - #EFDEE5 | 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 #C88DA7 as 0% and #EFDEE5 as 100%.

0.0%	0.0% #C88DA7	RGB 200 141 167	#C88DA7
16.7%	16.7% #CE99B0	RGB 206 153 176	#CE99B0
33.3%	33.3% #D5A6BA	RGB 213 166 186	#D5A6BA
50.0%	50.0% #DBB3C4	RGB 219 179 196	#DBB3C4
66.7%	66.7% #E2C1CE	RGB 226 193 206	#E2C1CE
83.3%	83.3% #E8CFD9	RGB 232 207 217	#E8CFD9
100.0%	100.0% #EFDEE5	RGB 239 222 229	#EFDEE5

#C88DA7 #CE99B0 #D5A6BA #DBB3C4 #E2C1CE #E8CFD9 #EFDEE5

#C88DA7 - #DBB3C4 - #EFDEE5

CSS codes

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

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