#ABC0AC - #E4CCDD | 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 #ABC0AC to #E4CCDD

#ABC0AC #E4CCDD

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

#ABC0AC - #E4CCDD | 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 #ABC0AC as 0% and #E4CCDD as 100%.

0.0%	0.0% #ABC0AC	RGB 171 192 172	#ABC0AC
16.7%	16.7% #B4C2B4	RGB 180 194 180	#B4C2B4
33.3%	33.3% #BEC4BC	RGB 190 196 188	#BEC4BC
50.0%	50.0% #C7C6C4	RGB 199 198 196	#C7C6C4
66.7%	66.7% #D1C8CC	RGB 209 200 204	#D1C8CC
83.3%	83.3% #DACAD4	RGB 218 202 212	#DACAD4
100.0%	100.0% #E4CCDD	RGB 228 204 221	#E4CCDD

#ABC0AC #B4C2B4 #BEC4BC #C7C6C4 #D1C8CC #DACAD4 #E4CCDD

#ABC0AC - #E4CCDD

HSV Blend

#ABC0AC - #E4CCDD | 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 #ABC0AC as 0% and #E4CCDD as 100%.

0.0%	0.0% #ABC0AC	RGB 171 192 172	#ABC0AC
16.7%	16.7% #B9C6B0	RGB 185 198 176	#B9C6B0
33.3%	33.3% #C9CCB5	RGB 201 204 181	#C9CCB5
50.0%	50.0% #D2CABB	RGB 210 202 187	#D2CABB
66.7%	66.7% #D8C5C0	RGB 216 197 192	#D8C5C0
83.3%	83.3% #DEC6CC	RGB 222 198 204	#DEC6CC
100.0%	100.0% #E4CCDD	RGB 228 204 221	#E4CCDD

#ABC0AC #B9C6B0 #C9CCB5 #D2CABB #D8C5C0 #DEC6CC #E4CCDD

#ABC0AC - #D2CABB - #E4CCDD

CSS codes

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

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