#ABC9CD - #ECE3FF | 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 #ABC9CD to #ECE3FF

#ABC9CD #ECE3FF

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

#ABC9CD - #ECE3FF | 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 #ABC9CD as 0% and #ECE3FF as 100%.

0.0%	0.0% #ABC9CD	RGB 171 201 205	#ABC9CD
16.7%	16.7% #B5CDD5	RGB 181 205 213	#B5CDD5
33.3%	33.3% #C0D1DD	RGB 192 209 221	#C0D1DD
50.0%	50.0% #CBD6E6	RGB 203 214 230	#CBD6E6
66.7%	66.7% #D6DAEE	RGB 214 218 238	#D6DAEE
83.3%	83.3% #E1DEF6	RGB 225 222 246	#E1DEF6
100.0%	100.0% #ECE3FF	RGB 236 227 255	#ECE3FF

#ABC9CD #B5CDD5 #C0D1DD #CBD6E6 #D6DAEE #E1DEF6 #ECE3FF

#ABC9CD - #ECE3FF

HSV Blend

#ABC9CD - #ECE3FF | 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 #ABC9CD as 0% and #ECE3FF as 100%.

0.0%	0.0% #ABC9CD	RGB 171 201 205	#ABC9CD
16.7%	16.7% #B3CAD5	RGB 179 202 213	#B3CAD5
33.3%	33.3% #BDCCDD	RGB 189 204 221	#BDCCDD
50.0%	50.0% #C6CFE6	RGB 198 207 230	#C6CFE6
66.7%	66.7% #CFD2EE	RGB 207 210 238	#CFD2EE
83.3%	83.3% #DCD9F6	RGB 220 217 246	#DCD9F6
100.0%	100.0% #ECE3FF	RGB 236 227 255	#ECE3FF

#ABC9CD #B3CAD5 #BDCCDD #C6CFE6 #CFD2EE #DCD9F6 #ECE3FF

#ABC9CD - #C6CFE6 - #ECE3FF

CSS codes

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

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