#5E665B - #D1D3D0 | 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 #5E665B to #D1D3D0

#5E665B #D1D3D0

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

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

0.0%	0.0% #5E665B	RGB 94 102 91	#5E665B
16.7%	16.7% #71786E	RGB 113 120 110	#71786E
33.3%	33.3% #848A82	RGB 132 138 130	#848A82
50.0%	50.0% #979C95	RGB 151 156 149	#979C95
66.7%	66.7% #AAAEA9	RGB 170 174 169	#AAAEA9
83.3%	83.3% #BDC0BC	RGB 189 192 188	#BDC0BC
100.0%	100.0% #D1D3D0	RGB 209 211 208	#D1D3D0

#5E665B #71786E #848A82 #979C95 #AAAEA9 #BDC0BC #D1D3D0

#5E665B - #D1D3D0

HSV Blend

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

0.0%	0.0% #5E665B	RGB 94 102 91	#5E665B
16.7%	16.7% #70786D	RGB 112 120 109	#70786D
33.3%	33.3% #828A7F	RGB 130 138 127	#828A7F
50.0%	50.0% #959C92	RGB 149 156 146	#959C92
66.7%	66.7% #A9AEA6	RGB 169 174 166	#A9AEA6
83.3%	83.3% #BCC0BB	RGB 188 192 187	#BCC0BB
100.0%	100.0% #D1D3D0	RGB 209 211 208	#D1D3D0

#5E665B #70786D #828A7F #959C92 #A9AEA6 #BCC0BB #D1D3D0

#5E665B - #959C92 - #D1D3D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E665B 0%, #959C92 50%, #D1D3D0 100%);
    background: -webkit-linear-gradient(top, #5E665B 0%, #959C92 50%, #D1D3D0 100%);
    background: linear-gradient(to bottom, #5E665B 0%, #959C92 50%, #D1D3D0 100%);
}
</style>