#E5D4E7 - #C384CD | 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 #E5D4E7 to #C384CD

#E5D4E7 #C384CD

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

#E5D4E7 - #C384CD | 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 #E5D4E7 as 0% and #C384CD as 100%.

0.0%	0.0% #E5D4E7	RGB 229 212 231	#E5D4E7
16.7%	16.7% #DFC6E2	RGB 223 198 226	#DFC6E2
33.3%	33.3% #D9B9DE	RGB 217 185 222	#D9B9DE
50.0%	50.0% #D4ACDA	RGB 212 172 218	#D4ACDA
66.7%	66.7% #CE9ED5	RGB 206 158 213	#CE9ED5
83.3%	83.3% #C891D1	RGB 200 145 209	#C891D1
100.0%	100.0% #C384CD	RGB 195 132 205	#C384CD

#E5D4E7 #DFC6E2 #D9B9DE #D4ACDA #CE9ED5 #C891D1 #C384CD

#E5D4E7 - #C384CD

HSV Blend

#E5D4E7 - #C384CD | 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 #E5D4E7 as 0% and #C384CD as 100%.

0.0%	0.0% #E5D4E7	RGB 229 212 231	#E5D4E7
16.7%	16.7% #DFC5E2	RGB 223 197 226	#DFC5E2
33.3%	33.3% #D9B7DE	RGB 217 183 222	#D9B7DE
50.0%	50.0% #D4AADA	RGB 212 170 218	#D4AADA
66.7%	66.7% #CE9DD5	RGB 206 157 213	#CE9DD5
83.3%	83.3% #C890D1	RGB 200 144 209	#C890D1
100.0%	100.0% #C384CD	RGB 195 132 205	#C384CD

#E5D4E7 #DFC5E2 #D9B7DE #D4AADA #CE9DD5 #C890D1 #C384CD

#E5D4E7 - #D4AADA - #C384CD

CSS codes

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

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