#5E6171 - #D1D1D6 | 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 #5E6171 to #D1D1D6

#5E6171 #D1D1D6

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

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

0.0%	0.0% #5E6171	RGB 94 97 113	#5E6171
16.7%	16.7% #717381	RGB 113 115 129	#717381
33.3%	33.3% #848692	RGB 132 134 146	#848692
50.0%	50.0% #9799A3	RGB 151 153 163	#9799A3
66.7%	66.7% #AAABB4	RGB 170 171 180	#AAABB4
83.3%	83.3% #BDBEC5	RGB 189 190 197	#BDBEC5
100.0%	100.0% #D1D1D6	RGB 209 209 214	#D1D1D6

#5E6171 #717381 #848692 #9799A3 #AAABB4 #BDBEC5 #D1D1D6

#5E6171 - #D1D1D6

HSV Blend

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

0.0%	0.0% #5E6171	RGB 94 97 113	#5E6171
16.7%	16.7% #6F7181	RGB 111 113 129	#6F7181
33.3%	33.3% #818292	RGB 129 130 146	#818292
50.0%	50.0% #9395A3	RGB 147 149 163	#9395A3
66.7%	66.7% #A7A8B4	RGB 167 168 180	#A7A8B4
83.3%	83.3% #BBBCC5	RGB 187 188 197	#BBBCC5
100.0%	100.0% #D1D1D6	RGB 209 209 214	#D1D1D6

#5E6171 #6F7181 #818292 #9395A3 #A7A8B4 #BBBCC5 #D1D1D6

#5E6171 - #9395A3 - #D1D1D6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6171 0%, #9395A3 50%, #D1D1D6 100%);
    background: -webkit-linear-gradient(top, #5E6171 0%, #9395A3 50%, #D1D1D6 100%);
    background: linear-gradient(to bottom, #5E6171 0%, #9395A3 50%, #D1D1D6 100%);
}
</style>