#ECE1EF - #D08CC2 | 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 #ECE1EF to #D08CC2

#ECE1EF #D08CC2

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

#ECE1EF - #D08CC2 | 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 #ECE1EF as 0% and #D08CC2 as 100%.

0.0%	0.0% #ECE1EF	RGB 236 225 239	#ECE1EF
16.7%	16.7% #E7D2E7	RGB 231 210 231	#E7D2E7
33.3%	33.3% #E2C4E0	RGB 226 196 224	#E2C4E0
50.0%	50.0% #DEB6D8	RGB 222 182 216	#DEB6D8
66.7%	66.7% #D9A8D1	RGB 217 168 209	#D9A8D1
83.3%	83.3% #D49AC9	RGB 212 154 201	#D49AC9
100.0%	100.0% #D08CC2	RGB 208 140 194	#D08CC2

#ECE1EF #E7D2E7 #E2C4E0 #DEB6D8 #D9A8D1 #D49AC9 #D08CC2

#ECE1EF - #D08CC2

HSV Blend

#ECE1EF - #D08CC2 | 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 #ECE1EF as 0% and #D08CC2 as 100%.

0.0%	0.0% #ECE1EF	RGB 236 225 239	#ECE1EF
16.7%	16.7% #E6D1E9	RGB 230 209 233	#E6D1E9
33.3%	33.3% #E2C2E4	RGB 226 194 228	#E2C2E4
50.0%	50.0% #DFB4DF	RGB 223 180 223	#DFB4DF
66.7%	66.7% #DAA6D6	RGB 218 166 214	#DAA6D6
83.3%	83.3% #D599CC	RGB 213 153 204	#D599CC
100.0%	100.0% #D08CC2	RGB 208 140 194	#D08CC2

#ECE1EF #E6D1E9 #E2C2E4 #DFB4DF #DAA6D6 #D599CC #D08CC2

#ECE1EF - #DFB4DF - #D08CC2

CSS codes

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

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