#ECC2D8 - #B9698C | 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 #ECC2D8 to #B9698C

#ECC2D8 #B9698C

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

#ECC2D8 - #B9698C | 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 #ECC2D8 as 0% and #B9698C as 100%.

0.0%	0.0% #ECC2D8	RGB 236 194 216	#ECC2D8
16.7%	16.7% #E3B3CB	RGB 227 179 203	#E3B3CB
33.3%	33.3% #DBA4BE	RGB 219 164 190	#DBA4BE
50.0%	50.0% #D295B2	RGB 210 149 178	#D295B2
66.7%	66.7% #CA86A5	RGB 202 134 165	#CA86A5
83.3%	83.3% #C17798	RGB 193 119 152	#C17798
100.0%	100.0% #B9698C	RGB 185 105 140	#B9698C

#ECC2D8 #E3B3CB #DBA4BE #D295B2 #CA86A5 #C17798 #B9698C

#ECC2D8 - #B9698C

HSV Blend

#ECC2D8 - #B9698C | 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 #ECC2D8 as 0% and #B9698C as 100%.

0.0%	0.0% #ECC2D8	RGB 236 194 216	#ECC2D8
16.7%	16.7% #E3B1CA	RGB 227 177 202	#E3B1CA
33.3%	33.3% #DBA1BD	RGB 219 161 189	#DBA1BD
50.0%	50.0% #D292B1	RGB 210 146 177	#D292B1
66.7%	66.7% #CA83A4	RGB 202 131 164	#CA83A4
83.3%	83.3% #C17698	RGB 193 118 152	#C17698
100.0%	100.0% #B9698C	RGB 185 105 140	#B9698C

#ECC2D8 #E3B1CA #DBA1BD #D292B1 #CA83A4 #C17698 #B9698C

#ECC2D8 - #D292B1 - #B9698C

CSS codes

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

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