#5E646A - #D1D2D4 | 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 #5E646A to #D1D2D4

#5E646A #D1D2D4

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

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

0.0%	0.0% #5E646A	RGB 94 100 106	#5E646A
16.7%	16.7% #71767B	RGB 113 118 123	#71767B
33.3%	33.3% #84888D	RGB 132 136 141	#84888D
50.0%	50.0% #979B9F	RGB 151 155 159	#979B9F
66.7%	66.7% #AAADB0	RGB 170 173 176	#AAADB0
83.3%	83.3% #BDBFC2	RGB 189 191 194	#BDBFC2
100.0%	100.0% #D1D2D4	RGB 209 210 212	#D1D2D4

#5E646A #71767B #84888D #979B9F #AAADB0 #BDBFC2 #D1D2D4

#5E646A - #D1D2D4

HSV Blend

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

0.0%	0.0% #5E646A	RGB 94 100 106	#5E646A
16.7%	16.7% #6F757B	RGB 111 117 123	#6F757B
33.3%	33.3% #82878D	RGB 130 135 141	#82878D
50.0%	50.0% #94999F	RGB 148 153 159	#94999F
66.7%	66.7% #A8ABB0	RGB 168 171 176	#A8ABB0
83.3%	83.3% #BCBEC2	RGB 188 190 194	#BCBEC2
100.0%	100.0% #D1D2D4	RGB 209 210 212	#D1D2D4

#5E646A #6F757B #82878D #94999F #A8ABB0 #BCBEC2 #D1D2D4

#5E646A - #94999F - #D1D2D4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E646A 0%, #94999F 50%, #D1D2D4 100%);
    background: -webkit-linear-gradient(top, #5E646A 0%, #94999F 50%, #D1D2D4 100%);
    background: linear-gradient(to bottom, #5E646A 0%, #94999F 50%, #D1D2D4 100%);
}
</style>