#ECE9EA - #CD9AB8 | 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 #ECE9EA to #CD9AB8

#ECE9EA #CD9AB8

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

#ECE9EA - #CD9AB8 | 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 #ECE9EA as 0% and #CD9AB8 as 100%.

0.0%	0.0% #ECE9EA	RGB 236 233 234	#ECE9EA
16.7%	16.7% #E6DBE1	RGB 230 219 225	#E6DBE1
33.3%	33.3% #E1CED9	RGB 225 206 217	#E1CED9
50.0%	50.0% #DCC1D1	RGB 220 193 209	#DCC1D1
66.7%	66.7% #D7B4C8	RGB 215 180 200	#D7B4C8
83.3%	83.3% #D2A7C0	RGB 210 167 192	#D2A7C0
100.0%	100.0% #CD9AB8	RGB 205 154 184	#CD9AB8

#ECE9EA #E6DBE1 #E1CED9 #DCC1D1 #D7B4C8 #D2A7C0 #CD9AB8

#ECE9EA - #CD9AB8

HSV Blend

#ECE9EA - #CD9AB8 | 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 #ECE9EA as 0% and #CD9AB8 as 100%.

0.0%	0.0% #ECE9EA	RGB 236 233 234	#ECE9EA
16.7%	16.7% #E6DADF	RGB 230 218 223	#E6DADF
33.3%	33.3% #E1CDD5	RGB 225 205 213	#E1CDD5
50.0%	50.0% #DCBFCC	RGB 220 191 204	#DCBFCC
66.7%	66.7% #D7B2C5	RGB 215 178 197	#D7B2C5
83.3%	83.3% #D2A6BE	RGB 210 166 190	#D2A6BE
100.0%	100.0% #CD9AB8	RGB 205 154 184	#CD9AB8

#ECE9EA #E6DADF #E1CDD5 #DCBFCC #D7B2C5 #D2A6BE #CD9AB8

#ECE9EA - #DCBFCC - #CD9AB8

CSS codes

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

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