#ACB6E2 - #D4DBDF | 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 #ACB6E2 to #D4DBDF

#ACB6E2 #D4DBDF

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

#ACB6E2 - #D4DBDF | 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 #ACB6E2 as 0% and #D4DBDF as 100%.

0.0%	0.0% #ACB6E2	RGB 172 182 226	#ACB6E2
16.7%	16.7% #B2BCE1	RGB 178 188 225	#B2BCE1
33.3%	33.3% #B9C2E1	RGB 185 194 225	#B9C2E1
50.0%	50.0% #C0C8E0	RGB 192 200 224	#C0C8E0
66.7%	66.7% #C6CEE0	RGB 198 206 224	#C6CEE0
83.3%	83.3% #CDD4DF	RGB 205 212 223	#CDD4DF
100.0%	100.0% #D4DBDF	RGB 212 219 223	#D4DBDF

#ACB6E2 #B2BCE1 #B9C2E1 #C0C8E0 #C6CEE0 #CDD4DF #D4DBDF

#ACB6E2 - #D4DBDF

HSV Blend

#ACB6E2 - #D4DBDF | 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 #ACB6E2 as 0% and #D4DBDF as 100%.

0.0%	0.0% #ACB5E2	RGB 172 181 226	#ACB5E2
16.7%	16.7% #B2BEE1	RGB 178 190 225	#B2BEE1
33.3%	33.3% #B9C6E1	RGB 185 198 225	#B9C6E1
50.0%	50.0% #C0CDE0	RGB 192 205 224	#C0CDE0
66.7%	66.7% #C6D3E0	RGB 198 211 224	#C6D3E0
83.3%	83.3% #CDD7DF	RGB 205 215 223	#CDD7DF
100.0%	100.0% #D4DBDF	RGB 212 219 223	#D4DBDF

#ACB5E2 #B2BEE1 #B9C6E1 #C0CDE0 #C6D3E0 #CDD7DF #D4DBDF

#ACB6E2 - #C0CDE0 - #D4DBDF

CSS codes

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

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