#ACBDF0 - #D2DEE8 | 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 #ACBDF0 to #D2DEE8

#ACBDF0 #D2DEE8

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

#ACBDF0 - #D2DEE8 | 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 #ACBDF0 as 0% and #D2DEE8 as 100%.

0.0%	0.0% #ACBDF0	RGB 172 189 240	#ACBDF0
16.7%	16.7% #B2C2EE	RGB 178 194 238	#B2C2EE
33.3%	33.3% #B8C8ED	RGB 184 200 237	#B8C8ED
50.0%	50.0% #BFCDEC	RGB 191 205 236	#BFCDEC
66.7%	66.7% #C5D3EA	RGB 197 211 234	#C5D3EA
83.3%	83.3% #CBD8E9	RGB 203 216 233	#CBD8E9
100.0%	100.0% #D2DEE8	RGB 210 222 232	#D2DEE8

#ACBDF0 #B2C2EE #B8C8ED #BFCDEC #C5D3EA #CBD8E9 #D2DEE8

#ACBDF0 - #D2DEE8

HSV Blend

#ACBDF0 - #D2DEE8 | 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 #ACBDF0 as 0% and #D2DEE8 as 100%.

0.0%	0.0% #ACBDF0	RGB 172 189 240	#ACBDF0
16.7%	16.7% #B2C4EE	RGB 178 196 238	#B2C4EE
33.3%	33.3% #B9CBED	RGB 185 203 237	#B9CBED
50.0%	50.0% #BFD1EC	RGB 191 209 236	#BFD1EC
66.7%	66.7% #C5D6EA	RGB 197 214 234	#C5D6EA
83.3%	83.3% #CBDAE9	RGB 203 218 233	#CBDAE9
100.0%	100.0% #D2DEE8	RGB 210 222 232	#D2DEE8

#ACBDF0 #B2C4EE #B9CBED #BFD1EC #C5D6EA #CBDAE9 #D2DEE8

#ACBDF0 - #BFD1EC - #D2DEE8

CSS codes

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

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