#615E5E - #DDB18A | 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 #615E5E to #DDB18A

#615E5E #DDB18A

Calculate the color between two colors, #615E5E and #DDB18A. 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)

#615E5E - #DDB18A | 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 #615E5E as 0% and #DDB18A as 100%.

0.0%	0.0% #615E5E	RGB 97 94 94	#615E5E
16.7%	16.7% #756B65	RGB 117 107 101	#756B65
33.3%	33.3% #8A796C	RGB 138 121 108	#8A796C
50.0%	50.0% #9F8774	RGB 159 135 116	#9F8774
66.7%	66.7% #B3957B	RGB 179 149 123	#B3957B
83.3%	83.3% #C8A382	RGB 200 163 130	#C8A382
100.0%	100.0% #DDB18A	RGB 221 177 138	#DDB18A

#615E5E #756B65 #8A796C #9F8774 #B3957B #C8A382 #DDB18A

#615E5E - #DDB18A

HSV Blend

#615E5E - #DDB18A | 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 #615E5E as 0% and #DDB18A as 100%.

0.0%	0.0% #615E5E	RGB 97 94 94	#615E5E
16.7%	16.7% #756C6B	RGB 117 108 107	#756C6B
33.3%	33.3% #8A7976	RGB 138 121 118	#8A7976
50.0%	50.0% #9F867E	RGB 159 134 126	#9F867E
66.7%	66.7% #B39384	RGB 179 147 132	#B39384
83.3%	83.3% #C8A188	RGB 200 161 136	#C8A188
100.0%	100.0% #DDB18A	RGB 221 177 138	#DDB18A

#615E5E #756C6B #8A7976 #9F867E #B39384 #C8A188 #DDB18A

#615E5E - #9F867E - #DDB18A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #615E5E 0%, #9F867E 50%, #DDB18A 100%);
    background: -webkit-linear-gradient(top, #615E5E 0%, #9F867E 50%, #DDB18A 100%);
    background: linear-gradient(to bottom, #615E5E 0%, #9F867E 50%, #DDB18A 100%);
}
</style>