#605F5E - #DCD78B | 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 #605F5E to #DCD78B

#605F5E #DCD78B

Calculate the color between two colors, #605F5E and #DCD78B. 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)

#605F5E - #DCD78B | 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 #605F5E as 0% and #DCD78B as 100%.

0.0%	0.0% #605F5E	RGB 96 95 94	#605F5E
16.7%	16.7% #747365	RGB 116 115 101	#747365
33.3%	33.3% #89876D	RGB 137 135 109	#89876D
50.0%	50.0% #9E9B74	RGB 158 155 116	#9E9B74
66.7%	66.7% #B2AF7C	RGB 178 175 124	#B2AF7C
83.3%	83.3% #C7C383	RGB 199 195 131	#C7C383
100.0%	100.0% #DCD78B	RGB 220 215 139	#DCD78B

#605F5E #747365 #89876D #9E9B74 #B2AF7C #C7C383 #DCD78B

#605F5E - #DCD78B

HSV Blend

#605F5E - #DCD78B | 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 #605F5E as 0% and #DCD78B as 100%.

0.0%	0.0% #605F5E	RGB 96 95 94	#605F5E
16.7%	16.7% #74706B	RGB 116 112 107	#74706B
33.3%	33.3% #898276	RGB 137 130 118	#898276
50.0%	50.0% #9E957F	RGB 158 149 127	#9E957F
66.7%	66.7% #B2A985	RGB 178 169 133	#B2A985
83.3%	83.3% #C7BE89	RGB 199 190 137	#C7BE89
100.0%	100.0% #DCD78B	RGB 220 215 139	#DCD78B

#605F5E #74706B #898276 #9E957F #B2A985 #C7BE89 #DCD78B

#605F5E - #9E957F - #DCD78B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #605F5E 0%, #9E957F 50%, #DCD78B 100%);
    background: -webkit-linear-gradient(top, #605F5E 0%, #9E957F 50%, #DCD78B 100%);
    background: linear-gradient(to bottom, #605F5E 0%, #9E957F 50%, #DCD78B 100%);
}
</style>