#ACDCE1 - #CEDED6 | 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 #ACDCE1 to #CEDED6

#ACDCE1 #CEDED6

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

#ACDCE1 - #CEDED6 | 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 #ACDCE1 as 0% and #CEDED6 as 100%.

0.0%	0.0% #ACDCE1	RGB 172 220 225	#ACDCE1
16.7%	16.7% #B1DCDF	RGB 177 220 223	#B1DCDF
33.3%	33.3% #B7DCDD	RGB 183 220 221	#B7DCDD
50.0%	50.0% #BDDDDB	RGB 189 221 219	#BDDDDB
66.7%	66.7% #C2DDD9	RGB 194 221 217	#C2DDD9
83.3%	83.3% #C8DDD7	RGB 200 221 215	#C8DDD7
100.0%	100.0% #CEDED6	RGB 206 222 214	#CEDED6

#ACDCE1 #B1DCDF #B7DCDD #BDDDDB #C2DDD9 #C8DDD7 #CEDED6

#ACDCE1 - #CEDED6

HSV Blend

#ACDCE1 - #CEDED6 | 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 #ACDCE1 as 0% and #CEDED6 as 100%.

0.0%	0.0% #ACDCE1	RGB 172 220 225	#ACDCE1
16.7%	16.7% #B1E0E0	RGB 177 224 224	#B1E0E0
33.3%	33.3% #B7E0DB	RGB 183 224 219	#B7E0DB
50.0%	50.0% #BDDFD8	RGB 189 223 216	#BDDFD8
66.7%	66.7% #C2DFD6	RGB 194 223 214	#C2DFD6
83.3%	83.3% #C8DED5	RGB 200 222 213	#C8DED5
100.0%	100.0% #CEDED6	RGB 206 222 214	#CEDED6

#ACDCE1 #B1E0E0 #B7E0DB #BDDFD8 #C2DFD6 #C8DED5 #CEDED6

#ACDCE1 - #BDDFD8 - #CEDED6

CSS codes

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

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