#ECC2EA - #D4D0E5 | 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 #ECC2EA to #D4D0E5

#ECC2EA #D4D0E5

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

#ECC2EA - #D4D0E5 | 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 #ECC2EA as 0% and #D4D0E5 as 100%.

0.0%	0.0% #ECC2EA	RGB 236 194 234	#ECC2EA
16.7%	16.7% #E8C4E9	RGB 232 196 233	#E8C4E9
33.3%	33.3% #E4C6E8	RGB 228 198 232	#E4C6E8
50.0%	50.0% #E0C9E7	RGB 224 201 231	#E0C9E7
66.7%	66.7% #DCCBE6	RGB 220 203 230	#DCCBE6
83.3%	83.3% #D8CDE5	RGB 216 205 229	#D8CDE5
100.0%	100.0% #D4D0E5	RGB 212 208 229	#D4D0E5

#ECC2EA #E8C4E9 #E4C6E8 #E0C9E7 #DCCBE6 #D8CDE5 #D4D0E5

#ECC2EA - #D4D0E5

HSV Blend

#ECC2EA - #D4D0E5 | 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 #ECC2EA as 0% and #D4D0E5 as 100%.

0.0%	0.0% #ECC2EA	RGB 236 194 234	#ECC2EA
16.7%	16.7% #E7C4EA	RGB 231 196 234	#E7C4EA
33.3%	33.3% #E1C6E9	RGB 225 198 233	#E1C6E9
50.0%	50.0% #DCC9E8	RGB 220 201 232	#DCC9E8
66.7%	66.7% #D8CBE7	RGB 216 203 231	#D8CBE7
83.3%	83.3% #D5CDE6	RGB 213 205 230	#D5CDE6
100.0%	100.0% #D4D0E5	RGB 212 208 229	#D4D0E5

#ECC2EA #E7C4EA #E1C6E9 #DCC9E8 #D8CBE7 #D5CDE6 #D4D0E5

#ECC2EA - #DCC9E8 - #D4D0E5

CSS codes

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

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