#ACB6D2 - #ECEEDA | 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 #ACB6D2 to #ECEEDA

#ACB6D2 #ECEEDA

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

#ACB6D2 - #ECEEDA | 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 #ACB6D2 as 0% and #ECEEDA as 100%.

0.0%	0.0% #ACB6D2	RGB 172 182 210	#ACB6D2
16.7%	16.7% #B6BFD3	RGB 182 191 211	#B6BFD3
33.3%	33.3% #C1C8D4	RGB 193 200 212	#C1C8D4
50.0%	50.0% #CCD2D6	RGB 204 210 214	#CCD2D6
66.7%	66.7% #D6DBD7	RGB 214 219 215	#D6DBD7
83.3%	83.3% #E1E4D8	RGB 225 228 216	#E1E4D8
100.0%	100.0% #ECEEDA	RGB 236 238 218	#ECEEDA

#ACB6D2 #B6BFD3 #C1C8D4 #CCD2D6 #D6DBD7 #E1E4D8 #ECEEDA

#ACB6D2 - #ECEEDA

HSV Blend

#ACB6D2 - #ECEEDA | 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 #ACB6D2 as 0% and #ECEEDA as 100%.

0.0%	0.0% #ACB6D2	RGB 172 182 210	#ACB6D2
16.7%	16.7% #B3CCD6	RGB 179 204 214	#B3CCD6
33.3%	33.3% #BADBD6	RGB 186 219 214	#BADBD6
50.0%	50.0% #C2E0CE	RGB 194 224 206	#C2E0CE
66.7%	66.7% #CAE4CA	RGB 202 228 202	#CAE4CA
83.3%	83.3% #DCE9D1	RGB 220 233 209	#DCE9D1
100.0%	100.0% #ECEEDA	RGB 236 238 218	#ECEEDA

#ACB6D2 #B3CCD6 #BADBD6 #C2E0CE #CAE4CA #DCE9D1 #ECEEDA

#ACB6D2 - #C2E0CE - #ECEEDA

CSS codes

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

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