#ECDFE5 - #B582B6 | 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 #ECDFE5 to #B582B6

#ECDFE5 #B582B6

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

#ECDFE5 - #B582B6 | 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 #ECDFE5 as 0% and #B582B6 as 100%.

0.0%	0.0% #ECDFE5	RGB 236 223 229	#ECDFE5
16.7%	16.7% #E2CFDD	RGB 226 207 221	#E2CFDD
33.3%	33.3% #D9C0D5	RGB 217 192 213	#D9C0D5
50.0%	50.0% #D0B0CD	RGB 208 176 205	#D0B0CD
66.7%	66.7% #C7A1C5	RGB 199 161 197	#C7A1C5
83.3%	83.3% #BE91BD	RGB 190 145 189	#BE91BD
100.0%	100.0% #B582B6	RGB 181 130 182	#B582B6

#ECDFE5 #E2CFDD #D9C0D5 #D0B0CD #C7A1C5 #BE91BD #B582B6

#ECDFE5 - #B582B6

HSV Blend

#ECDFE5 - #B582B6 | 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 #ECDFE5 as 0% and #B582B6 as 100%.

0.0%	0.0% #ECDFE5	RGB 236 223 229	#ECDFE5
16.7%	16.7% #E3CDD9	RGB 227 205 217	#E3CDD9
33.3%	33.3% #DABDCF	RGB 218 189 207	#DABDCF
50.0%	50.0% #D1ADC7	RGB 209 173 199	#D1ADC7
66.7%	66.7% #C89EC1	RGB 200 158 193	#C89EC1
83.3%	83.3% #BF8FBB	RGB 191 143 187	#BF8FBB
100.0%	100.0% #B582B6	RGB 181 130 182	#B582B6

#ECDFE5 #E3CDD9 #DABDCF #D1ADC7 #C89EC1 #BF8FBB #B582B6

#ECDFE5 - #D1ADC7 - #B582B6

CSS codes

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

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