#EDEBF4 - #AD9DBB | 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 #EDEBF4 to #AD9DBB

#EDEBF4 #AD9DBB

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

#EDEBF4 - #AD9DBB | 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 #EDEBF4 as 0% and #AD9DBB as 100%.

0.0%	0.0% #EDEBF4	RGB 237 235 244	#EDEBF4
16.7%	16.7% #E2DEEA	RGB 226 222 234	#E2DEEA
33.3%	33.3% #D7D1E1	RGB 215 209 225	#D7D1E1
50.0%	50.0% #CDC4D7	RGB 205 196 215	#CDC4D7
66.7%	66.7% #C2B7CE	RGB 194 183 206	#C2B7CE
83.3%	83.3% #B7AAC4	RGB 183 170 196	#B7AAC4
100.0%	100.0% #AD9DBB	RGB 173 157 187	#AD9DBB

#EDEBF4 #E2DEEA #D7D1E1 #CDC4D7 #C2B7CE #B7AAC4 #AD9DBB

#EDEBF4 - #AD9DBB

HSV Blend

#EDEBF4 - #AD9DBB | 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 #EDEBF4 as 0% and #AD9DBB as 100%.

0.0%	0.0% #EDEBF4	RGB 237 235 244	#EDEBF4
16.7%	16.7% #E0DDEA	RGB 224 221 234	#E0DDEA
33.3%	33.3% #D5CFE1	RGB 213 207 225	#D5CFE1
50.0%	50.0% #CAC2D7	RGB 202 194 215	#CAC2D7
66.7%	66.7% #BFB5CE	RGB 191 181 206	#BFB5CE
83.3%	83.3% #B6A9C4	RGB 182 169 196	#B6A9C4
100.0%	100.0% #AD9DBB	RGB 173 157 187	#AD9DBB

#EDEBF4 #E0DDEA #D5CFE1 #CAC2D7 #BFB5CE #B6A9C4 #AD9DBB

#EDEBF4 - #CAC2D7 - #AD9DBB

CSS codes

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

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