#D4D7DD - #8491B0 | 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 #D4D7DD to #8491B0

#D4D7DD #8491B0

Calculate the color between two colors, #D4D7DD and #8491B0. 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)

#D4D7DD - #8491B0 | 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 #D4D7DD as 0% and #8491B0 as 100%.

0.0%	0.0% #D4D7DD	RGB 212 215 221	#D4D7DD
16.7%	16.7% #C6CBD5	RGB 198 203 213	#C6CBD5
33.3%	33.3% #B9BFCE	RGB 185 191 206	#B9BFCE
50.0%	50.0% #ACB4C6	RGB 172 180 198	#ACB4C6
66.7%	66.7% #9EA8BF	RGB 158 168 191	#9EA8BF
83.3%	83.3% #919CB7	RGB 145 156 183	#919CB7
100.0%	100.0% #8491B0	RGB 132 145 176	#8491B0

#D4D7DD #C6CBD5 #B9BFCE #ACB4C6 #9EA8BF #919CB7 #8491B0

#D4D7DD - #8491B0

HSV Blend

#D4D7DD - #8491B0 | 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 #D4D7DD as 0% and #8491B0 as 100%.

0.0%	0.0% #D4D7DD	RGB 212 215 221	#D4D7DD
16.7%	16.7% #C5CAD5	RGB 197 202 213	#C5CAD5
33.3%	33.3% #B7BECE	RGB 183 190 206	#B7BECE
50.0%	50.0% #A9B2C6	RGB 169 178 198	#A9B2C6
66.7%	66.7% #9CA7BF	RGB 156 167 191	#9CA7BF
83.3%	83.3% #909BB7	RGB 144 155 183	#909BB7
100.0%	100.0% #8491B0	RGB 132 145 176	#8491B0

#D4D7DD #C5CAD5 #B7BECE #A9B2C6 #9CA7BF #909BB7 #8491B0

#D4D7DD - #A9B2C6 - #8491B0

CSS codes

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

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