#ABC5CD - #EBDEFF | 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 #ABC5CD to #EBDEFF

#ABC5CD #EBDEFF

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

#ABC5CD - #EBDEFF | 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 #ABC5CD as 0% and #EBDEFF as 100%.

0.0%	0.0% #ABC5CD	RGB 171 197 205	#ABC5CD
16.7%	16.7% #B5C9D5	RGB 181 201 213	#B5C9D5
33.3%	33.3% #C0CDDD	RGB 192 205 221	#C0CDDD
50.0%	50.0% #CBD1E6	RGB 203 209 230	#CBD1E6
66.7%	66.7% #D5D5EE	RGB 213 213 238	#D5D5EE
83.3%	83.3% #E0D9F6	RGB 224 217 246	#E0D9F6
100.0%	100.0% #EBDEFF	RGB 235 222 255	#EBDEFF

#ABC5CD #B5C9D5 #C0CDDD #CBD1E6 #D5D5EE #E0D9F6 #EBDEFF

#ABC5CD - #EBDEFF

HSV Blend

#ABC5CD - #EBDEFF | 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 #ABC5CD as 0% and #EBDEFF as 100%.

0.0%	0.0% #ABC5CD	RGB 171 197 205	#ABC5CD
16.7%	16.7% #B3C6D5	RGB 179 198 213	#B3C6D5
33.3%	33.3% #BBC8DD	RGB 187 200 221	#BBC8DD
50.0%	50.0% #C4CAE6	RGB 196 202 230	#C4CAE6
66.7%	66.7% #CCCCEE	RGB 204 204 238	#CCCCEE
83.3%	83.3% #DBD5F6	RGB 219 213 246	#DBD5F6
100.0%	100.0% #EBDEFF	RGB 235 222 255	#EBDEFF

#ABC5CD #B3C6D5 #BBC8DD #C4CAE6 #CCCCEE #DBD5F6 #EBDEFF

#ABC5CD - #C4CAE6 - #EBDEFF

CSS codes

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

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