#ECEBF0 - #AD9EB6 | 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 #ECEBF0 to #AD9EB6

#ECEBF0 #AD9EB6

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

#ECEBF0 - #AD9EB6 | 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 #ECEBF0 as 0% and #AD9EB6 as 100%.

0.0%	0.0% #ECEBF0	RGB 236 235 240	#ECEBF0
16.7%	16.7% #E1DEE6	RGB 225 222 230	#E1DEE6
33.3%	33.3% #D7D1DC	RGB 215 209 220	#D7D1DC
50.0%	50.0% #CCC4D3	RGB 204 196 211	#CCC4D3
66.7%	66.7% #C2B7C9	RGB 194 183 201	#C2B7C9
83.3%	83.3% #B7AABF	RGB 183 170 191	#B7AABF
100.0%	100.0% #AD9EB6	RGB 173 158 182	#AD9EB6

#ECEBF0 #E1DEE6 #D7D1DC #CCC4D3 #C2B7C9 #B7AABF #AD9EB6

#ECEBF0 - #AD9EB6

HSV Blend

#ECEBF0 - #AD9EB6 | 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 #ECEBF0 as 0% and #AD9EB6 as 100%.

0.0%	0.0% #ECEBF0	RGB 236 235 240	#ECEBF0
16.7%	16.7% #DFDDE6	RGB 223 221 230	#DFDDE6
33.3%	33.3% #D4CFDC	RGB 212 207 220	#D4CFDC
50.0%	50.0% #C9C2D3	RGB 201 194 211	#C9C2D3
66.7%	66.7% #BFB6C9	RGB 191 182 201	#BFB6C9
83.3%	83.3% #B5A9BF	RGB 181 169 191	#B5A9BF
100.0%	100.0% #AD9EB6	RGB 173 158 182	#AD9EB6

#ECEBF0 #DFDDE6 #D4CFDC #C9C2D3 #BFB6C9 #B5A9BF #AD9EB6

#ECEBF0 - #C9C2D3 - #AD9EB6

CSS codes

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

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