#ECE2EB - #BD82A7 | 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 #ECE2EB to #BD82A7

#ECE2EB #BD82A7

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

#ECE2EB - #BD82A7 | 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 #ECE2EB as 0% and #BD82A7 as 100%.

0.0%	0.0% #ECE2EB	RGB 236 226 235	#ECE2EB
16.7%	16.7% #E4D2DF	RGB 228 210 223	#E4D2DF
33.3%	33.3% #DCC2D4	RGB 220 194 212	#DCC2D4
50.0%	50.0% #D4B2C9	RGB 212 178 201	#D4B2C9
66.7%	66.7% #CCA2BD	RGB 204 162 189	#CCA2BD
83.3%	83.3% #C492B2	RGB 196 146 178	#C492B2
100.0%	100.0% #BD82A7	RGB 189 130 167	#BD82A7

#ECE2EB #E4D2DF #DCC2D4 #D4B2C9 #CCA2BD #C492B2 #BD82A7

#ECE2EB - #BD82A7

HSV Blend

#ECE2EB - #BD82A7 | 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 #ECE2EB as 0% and #BD82A7 as 100%.

0.0%	0.0% #ECE2EB	RGB 236 226 235	#ECE2EB
16.7%	16.7% #E4D0E1	RGB 228 208 225	#E4D0E1
33.3%	33.3% #DCBFD6	RGB 220 191 214	#DCBFD6
50.0%	50.0% #D4AECB	RGB 212 174 203	#D4AECB
66.7%	66.7% #CC9FBF	RGB 204 159 191	#CC9FBF
83.3%	83.3% #C490B3	RGB 196 144 179	#C490B3
100.0%	100.0% #BD82A7	RGB 189 130 167	#BD82A7

#ECE2EB #E4D0E1 #DCBFD6 #D4AECB #CC9FBF #C490B3 #BD82A7

#ECE2EB - #D4AECB - #BD82A7

CSS codes

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

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