#5E6E84 - #D1D6DB | 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 #5E6E84 to #D1D6DB

#5E6E84 #D1D6DB

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

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

0.0%	0.0% #5E6E84	RGB 94 110 132	#5E6E84
16.7%	16.7% #717F92	RGB 113 127 146	#717F92
33.3%	33.3% #8490A1	RGB 132 144 161	#8490A1
50.0%	50.0% #97A2AF	RGB 151 162 175	#97A2AF
66.7%	66.7% #AAB3BE	RGB 170 179 190	#AAB3BE
83.3%	83.3% #BDC4CC	RGB 189 196 204	#BDC4CC
100.0%	100.0% #D1D6DB	RGB 209 214 219	#D1D6DB

#5E6E84 #717F92 #8490A1 #97A2AF #AAB3BE #BDC4CC #D1D6DB

#5E6E84 - #D1D6DB

HSV Blend

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

0.0%	0.0% #5E6E84	RGB 94 110 132	#5E6E84
16.7%	16.7% #6E7D92	RGB 110 125 146	#6E7D92
33.3%	33.3% #7F8EA1	RGB 127 142 161	#7F8EA1
50.0%	50.0% #929FAF	RGB 146 159 175	#929FAF
66.7%	66.7% #A5B1BE	RGB 165 177 190	#A5B1BE
83.3%	83.3% #BAC3CC	RGB 186 195 204	#BAC3CC
100.0%	100.0% #D1D6DB	RGB 209 214 219	#D1D6DB

#5E6E84 #6E7D92 #7F8EA1 #929FAF #A5B1BE #BAC3CC #D1D6DB

#5E6E84 - #929FAF - #D1D6DB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6E84 0%, #929FAF 50%, #D1D6DB 100%);
    background: -webkit-linear-gradient(top, #5E6E84 0%, #929FAF 50%, #D1D6DB 100%);
    background: linear-gradient(to bottom, #5E6E84 0%, #929FAF 50%, #D1D6DB 100%);
}
</style>