#ECCFDD - #C97DA9 | 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 #ECCFDD to #C97DA9

#ECCFDD #C97DA9

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

#ECCFDD - #C97DA9 | 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 #ECCFDD as 0% and #C97DA9 as 100%.

0.0%	0.0% #ECCFDD	RGB 236 207 221	#ECCFDD
16.7%	16.7% #E6C1D4	RGB 230 193 212	#E6C1D4
33.3%	33.3% #E0B3CB	RGB 224 179 203	#E0B3CB
50.0%	50.0% #DAA6C3	RGB 218 166 195	#DAA6C3
66.7%	66.7% #D498BA	RGB 212 152 186	#D498BA
83.3%	83.3% #CE8AB1	RGB 206 138 177	#CE8AB1
100.0%	100.0% #C97DA9	RGB 201 125 169	#C97DA9

#ECCFDD #E6C1D4 #E0B3CB #DAA6C3 #D498BA #CE8AB1 #C97DA9

#ECCFDD - #C97DA9

HSV Blend

#ECCFDD - #C97DA9 | 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 #ECCFDD as 0% and #C97DA9 as 100%.

0.0%	0.0% #ECCFDD	RGB 236 207 221	#ECCFDD
16.7%	16.7% #E6C0D3	RGB 230 192 211	#E6C0D3
33.3%	33.3% #E0B1C9	RGB 224 177 201	#E0B1C9
50.0%	50.0% #DAA3C0	RGB 218 163 192	#DAA3C0
66.7%	66.7% #D496B8	RGB 212 150 184	#D496B8
83.3%	83.3% #CE89B0	RGB 206 137 176	#CE89B0
100.0%	100.0% #C97DA9	RGB 201 125 169	#C97DA9

#ECCFDD #E6C0D3 #E0B1C9 #DAA3C0 #D496B8 #CE89B0 #C97DA9

#ECCFDD - #DAA3C0 - #C97DA9

CSS codes

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

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