#5E5D55 - #D2D67D | 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 #5E5D55 to #D2D67D

#5E5D55 #D2D67D

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

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

0.0%	0.0% #5E5D55	RGB 94 93 85	#5E5D55
16.7%	16.7% #71715B	RGB 113 113 91	#71715B
33.3%	33.3% #848562	RGB 132 133 98	#848562
50.0%	50.0% #989969	RGB 152 153 105	#989969
66.7%	66.7% #ABAD6F	RGB 171 173 111	#ABAD6F
83.3%	83.3% #BEC176	RGB 190 193 118	#BEC176
100.0%	100.0% #D2D67D	RGB 210 214 125	#D2D67D

#5E5D55 #71715B #848562 #989969 #ABAD6F #BEC176 #D2D67D

#5E5D55 - #D2D67D

HSV Blend

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

0.0%	0.0% #5E5D55	RGB 94 93 85	#5E5D55
16.7%	16.7% #727061	RGB 114 112 97	#727061
33.3%	33.3% #86846A	RGB 134 132 106	#86846A
50.0%	50.0% #9A9872	RGB 154 152 114	#9A9872
66.7%	66.7% #AEAD78	RGB 174 173 120	#AEAD78
83.3%	83.3% #C0C27B	RGB 192 194 123	#C0C27B
100.0%	100.0% #D2D67D	RGB 210 214 125	#D2D67D

#5E5D55 #727061 #86846A #9A9872 #AEAD78 #C0C27B #D2D67D

#5E5D55 - #9A9872 - #D2D67D

CSS codes

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

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