#5B5E7F - #D0D1DA | 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 #5B5E7F to #D0D1DA

#5B5E7F #D0D1DA

Calculate the color between two colors, #5B5E7F and #D0D1DA. 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)

#5B5E7F - #D0D1DA | 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 #5B5E7F as 0% and #D0D1DA as 100%.

0.0%	0.0% #5B5E7F	RGB 91 94 127	#5B5E7F
16.7%	16.7% #6E718E	RGB 110 113 142	#6E718E
33.3%	33.3% #82849D	RGB 130 132 157	#82849D
50.0%	50.0% #9597AC	RGB 149 151 172	#9597AC
66.7%	66.7% #A9AABB	RGB 169 170 187	#A9AABB
83.3%	83.3% #BCBDCA	RGB 188 189 202	#BCBDCA
100.0%	100.0% #D0D1DA	RGB 208 209 218	#D0D1DA

#5B5E7F #6E718E #82849D #9597AC #A9AABB #BCBDCA #D0D1DA

#5B5E7F - #D0D1DA

HSV Blend

#5B5E7F - #D0D1DA | 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 #5B5E7F as 0% and #D0D1DA as 100%.

0.0%	0.0% #5B5E7F	RGB 91 94 127	#5B5E7F
16.7%	16.7% #6B6E8E	RGB 107 110 142	#6B6E8E
33.3%	33.3% #7D809D	RGB 125 128 157	#7D809D
50.0%	50.0% #9092AC	RGB 144 146 172	#9092AC
66.7%	66.7% #A4A6BB	RGB 164 166 187	#A4A6BB
83.3%	83.3% #B9BBCA	RGB 185 187 202	#B9BBCA
100.0%	100.0% #D0D1DA	RGB 208 209 218	#D0D1DA

#5B5E7F #6B6E8E #7D809D #9092AC #A4A6BB #B9BBCA #D0D1DA

#5B5E7F - #9092AC - #D0D1DA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B5E7F 0%, #9092AC 50%, #D0D1DA 100%);
    background: -webkit-linear-gradient(top, #5B5E7F 0%, #9092AC 50%, #D0D1DA 100%);
    background: linear-gradient(to bottom, #5B5E7F 0%, #9092AC 50%, #D0D1DA 100%);
}
</style>