#5E5B59 - #DCDD7B | 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 #5E5B59 to #DCDD7B

#5E5B59 #DCDD7B

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

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

0.0%	0.0% #5E5B59	RGB 94 91 89	#5E5B59
16.7%	16.7% #73705E	RGB 115 112 94	#73705E
33.3%	33.3% #888664	RGB 136 134 100	#888664
50.0%	50.0% #9D9C6A	RGB 157 156 106	#9D9C6A
66.7%	66.7% #B2B16F	RGB 178 177 111	#B2B16F
83.3%	83.3% #C7C775	RGB 199 199 117	#C7C775
100.0%	100.0% #DCDD7B	RGB 220 221 123	#DCDD7B

#5E5B59 #73705E #888664 #9D9C6A #B2B16F #C7C775 #DCDD7B

#5E5B59 - #DCDD7B

HSV Blend

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

0.0%	0.0% #5E5B59	RGB 94 91 89	#5E5B59
16.7%	16.7% #736C65	RGB 115 108 101	#736C65
33.3%	33.3% #887E6F	RGB 136 126 111	#887E6F
50.0%	50.0% #9D9176	RGB 157 145 118	#9D9176
66.7%	66.7% #B2A77A	RGB 178 167 122	#B2A77A
83.3%	83.3% #C7C07C	RGB 199 192 124	#C7C07C
100.0%	100.0% #DCDD7B	RGB 220 221 123	#DCDD7B

#5E5B59 #736C65 #887E6F #9D9176 #B2A77A #C7C07C #DCDD7B

#5E5B59 - #9D9176 - #DCDD7B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5B59 0%, #9D9176 50%, #DCDD7B 100%);
    background: -webkit-linear-gradient(top, #5E5B59 0%, #9D9176 50%, #DCDD7B 100%);
    background: linear-gradient(to bottom, #5E5B59 0%, #9D9176 50%, #DCDD7B 100%);
}
</style>