#ECE5EA - #CD9BC9 | 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 #ECE5EA to #CD9BC9

#ECE5EA #CD9BC9

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

#ECE5EA - #CD9BC9 | 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 #ECE5EA as 0% and #CD9BC9 as 100%.

0.0%	0.0% #ECE5EA	RGB 236 229 234	#ECE5EA
16.7%	16.7% #E6D8E4	RGB 230 216 228	#E6D8E4
33.3%	33.3% #E1CCDF	RGB 225 204 223	#E1CCDF
50.0%	50.0% #DCC0D9	RGB 220 192 217	#DCC0D9
66.7%	66.7% #D7B3D4	RGB 215 179 212	#D7B3D4
83.3%	83.3% #D2A7CE	RGB 210 167 206	#D2A7CE
100.0%	100.0% #CD9BC9	RGB 205 155 201	#CD9BC9

#ECE5EA #E6D8E4 #E1CCDF #DCC0D9 #D7B3D4 #D2A7CE #CD9BC9

#ECE5EA - #CD9BC9

HSV Blend

#ECE5EA - #CD9BC9 | 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 #ECE5EA as 0% and #CD9BC9 as 100%.

0.0%	0.0% #ECE5EA	RGB 236 229 234	#ECE5EA
16.7%	16.7% #E6D7E3	RGB 230 215 227	#E6D7E3
33.3%	33.3% #E1CADC	RGB 225 202 220	#E1CADC
50.0%	50.0% #DCBED6	RGB 220 190 214	#DCBED6
66.7%	66.7% #D7B2D1	RGB 215 178 209	#D7B2D1
83.3%	83.3% #D2A6CD	RGB 210 166 205	#D2A6CD
100.0%	100.0% #CD9BC9	RGB 205 155 201	#CD9BC9

#ECE5EA #E6D7E3 #E1CADC #DCBED6 #D7B2D1 #D2A6CD #CD9BC9

#ECE5EA - #DCBED6 - #CD9BC9

CSS codes

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

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