#ACABC0 - #DEE4CC | 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 #ACABC0 to #DEE4CC

#ACABC0 #DEE4CC

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

#ACABC0 - #DEE4CC | 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 #ACABC0 as 0% and #DEE4CC as 100%.

0.0%	0.0% #ACABC0	RGB 172 171 192	#ACABC0
16.7%	16.7% #B4B4C2	RGB 180 180 194	#B4B4C2
33.3%	33.3% #BCBEC4	RGB 188 190 196	#BCBEC4
50.0%	50.0% #C5C7C6	RGB 197 199 198	#C5C7C6
66.7%	66.7% #CDD1C8	RGB 205 209 200	#CDD1C8
83.3%	83.3% #D5DACA	RGB 213 218 202	#D5DACA
100.0%	100.0% #DEE4CC	RGB 222 228 204	#DEE4CC

#ACABC0 #B4B4C2 #BCBEC4 #C5C7C6 #CDD1C8 #D5DACA #DEE4CC

#ACABC0 - #DEE4CC

HSV Blend

#ACABC0 - #DEE4CC | 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 #ACABC0 as 0% and #DEE4CC as 100%.

0.0%	0.0% #ACABC0	RGB 172 171 192	#ACABC0
16.7%	16.7% #B0B9C6	RGB 176 185 198	#B0B9C6
33.3%	33.3% #B5C9CC	RGB 181 201 204	#B5C9CC
50.0%	50.0% #BBD2CA	RGB 187 210 202	#BBD2CA
66.7%	66.7% #C0D8C5	RGB 192 216 197	#C0D8C5
83.3%	83.3% #CDDEC6	RGB 205 222 198	#CDDEC6
100.0%	100.0% #DEE4CC	RGB 222 228 204	#DEE4CC

#ACABC0 #B0B9C6 #B5C9CC #BBD2CA #C0D8C5 #CDDEC6 #DEE4CC

#ACABC0 - #BBD2CA - #DEE4CC

CSS codes

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

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