#5E6165 - #D1D1D3 | 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 #5E6165 to #D1D1D3

#5E6165 #D1D1D3

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

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

0.0%	0.0% #5E6165	RGB 94 97 101	#5E6165
16.7%	16.7% #717377	RGB 113 115 119	#717377
33.3%	33.3% #848689	RGB 132 134 137	#848689
50.0%	50.0% #97999C	RGB 151 153 156	#97999C
66.7%	66.7% #AAABAE	RGB 170 171 174	#AAABAE
83.3%	83.3% #BDBEC0	RGB 189 190 192	#BDBEC0
100.0%	100.0% #D1D1D3	RGB 209 209 211	#D1D1D3

#5E6165 #717377 #848689 #97999C #AAABAE #BDBEC0 #D1D1D3

#5E6165 - #D1D1D3

HSV Blend

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

0.0%	0.0% #5E6165	RGB 94 97 101	#5E6165
16.7%	16.7% #707277	RGB 112 114 119	#707277
33.3%	33.3% #828489	RGB 130 132 137	#828489
50.0%	50.0% #95979C	RGB 149 151 156	#95979C
66.7%	66.7% #A9A9AE	RGB 169 169 174	#A9A9AE
83.3%	83.3% #BCBDC0	RGB 188 189 192	#BCBDC0
100.0%	100.0% #D1D1D3	RGB 209 209 211	#D1D1D3

#5E6165 #707277 #828489 #95979C #A9A9AE #BCBDC0 #D1D1D3

#5E6165 - #95979C - #D1D1D3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6165 0%, #95979C 50%, #D1D1D3 100%);
    background: -webkit-linear-gradient(top, #5E6165 0%, #95979C 50%, #D1D1D3 100%);
    background: linear-gradient(to bottom, #5E6165 0%, #95979C 50%, #D1D1D3 100%);
}
</style>