#ECC0D1 - #D96B98 | 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 #ECC0D1 to #D96B98

#ECC0D1 #D96B98

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

#ECC0D1 - #D96B98 | 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 #ECC0D1 as 0% and #D96B98 as 100%.

0.0%	0.0% #ECC0D1	RGB 236 192 209	#ECC0D1
16.7%	16.7% #E8B1C7	RGB 232 177 199	#E8B1C7
33.3%	33.3% #E5A3BE	RGB 229 163 190	#E5A3BE
50.0%	50.0% #E295B4	RGB 226 149 180	#E295B4
66.7%	66.7% #DF87AB	RGB 223 135 171	#DF87AB
83.3%	83.3% #DC79A1	RGB 220 121 161	#DC79A1
100.0%	100.0% #D96B98	RGB 217 107 152	#D96B98

#ECC0D1 #E8B1C7 #E5A3BE #E295B4 #DF87AB #DC79A1 #D96B98

#ECC0D1 - #D96B98

HSV Blend

#ECC0D1 - #D96B98 | 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 #ECC0D1 as 0% and #D96B98 as 100%.

0.0%	0.0% #ECC0D1	RGB 236 192 209	#ECC0D1
16.7%	16.7% #E8B0C6	RGB 232 176 198	#E8B0C6
33.3%	33.3% #E5A2BC	RGB 229 162 188	#E5A2BC
50.0%	50.0% #E293B3	RGB 226 147 179	#E293B3
66.7%	66.7% #DF85A9	RGB 223 133 169	#DF85A9
83.3%	83.3% #DC78A0	RGB 220 120 160	#DC78A0
100.0%	100.0% #D96B98	RGB 217 107 152	#D96B98

#ECC0D1 #E8B0C6 #E5A2BC #E293B3 #DF85A9 #DC78A0 #D96B98

#ECC0D1 - #E293B3 - #D96B98

CSS codes

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

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