#E9C5E1 - #DCCEEB | 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 #E9C5E1 to #DCCEEB

#E9C5E1 #DCCEEB

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

#E9C5E1 - #DCCEEB | 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 #E9C5E1 as 0% and #DCCEEB as 100%.

0.0%	0.0% #E9C5E1	RGB 233 197 225	#E9C5E1
16.7%	16.7% #E6C6E2	RGB 230 198 226	#E6C6E2
33.3%	33.3% #E4C8E4	RGB 228 200 228	#E4C8E4
50.0%	50.0% #E2C9E6	RGB 226 201 230	#E2C9E6
66.7%	66.7% #E0CBE7	RGB 224 203 231	#E0CBE7
83.3%	83.3% #DECCE9	RGB 222 204 233	#DECCE9
100.0%	100.0% #DCCEEB	RGB 220 206 235	#DCCEEB

#E9C5E1 #E6C6E2 #E4C8E4 #E2C9E6 #E0CBE7 #DECCE9 #DCCEEB

#E9C5E1 - #DCCEEB

HSV Blend

#E9C5E1 - #DCCEEB | 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 #E9C5E1 as 0% and #DCCEEB as 100%.

0.0%	0.0% #E9C5E1	RGB 233 197 225	#E9C5E1
16.7%	16.7% #E9C6E5	RGB 233 198 229	#E9C6E5
33.3%	33.3% #E8C7E9	RGB 232 199 233	#E8C7E9
50.0%	50.0% #E5C9EA	RGB 229 201 234	#E5C9EA
66.7%	66.7% #E1CAEA	RGB 225 202 234	#E1CAEA
83.3%	83.3% #DECCEA	RGB 222 204 234	#DECCEA
100.0%	100.0% #DCCEEB	RGB 220 206 235	#DCCEEB

#E9C5E1 #E9C6E5 #E8C7E9 #E5C9EA #E1CAEA #DECCEA #DCCEEB

#E9C5E1 - #E5C9EA - #DCCEEB

CSS codes

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

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