#5E6554 - #D1D3CE | 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 #5E6554 to #D1D3CE

#5E6554 #D1D3CE

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

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

0.0%	0.0% #5E6554	RGB 94 101 84	#5E6554
16.7%	16.7% #717768	RGB 113 119 104	#717768
33.3%	33.3% #84897C	RGB 132 137 124	#84897C
50.0%	50.0% #979C91	RGB 151 156 145	#979C91
66.7%	66.7% #AAAEA5	RGB 170 174 165	#AAAEA5
83.3%	83.3% #BDC0B9	RGB 189 192 185	#BDC0B9
100.0%	100.0% #D1D3CE	RGB 209 211 206	#D1D3CE

#5E6554 #717768 #84897C #979C91 #AAAEA5 #BDC0B9 #D1D3CE

#5E6554 - #D1D3CE

HSV Blend

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

0.0%	0.0% #5E6554	RGB 94 101 84	#5E6554
16.7%	16.7% #707766	RGB 112 119 102	#707766
33.3%	33.3% #828979	RGB 130 137 121	#828979
50.0%	50.0% #959C8D	RGB 149 156 141	#959C8D
66.7%	66.7% #A9AEA1	RGB 169 174 161	#A9AEA1
83.3%	83.3% #BCC0B7	RGB 188 192 183	#BCC0B7
100.0%	100.0% #D1D3CE	RGB 209 211 206	#D1D3CE

#5E6554 #707766 #828979 #959C8D #A9AEA1 #BCC0B7 #D1D3CE

#5E6554 - #959C8D - #D1D3CE

CSS codes

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

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