#6B6052 - #DBD97B | 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 #6B6052 to #DBD97B

#6B6052 #DBD97B

Calculate the color between two colors, #6B6052 and #DBD97B. 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)

#6B6052 - #DBD97B | 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 #6B6052 as 0% and #DBD97B as 100%.

0.0%	0.0% #6B6052	RGB 107 96 82	#6B6052
16.7%	16.7% #7D7458	RGB 125 116 88	#7D7458
33.3%	33.3% #90885F	RGB 144 136 95	#90885F
50.0%	50.0% #A39C66	RGB 163 156 102	#A39C66
66.7%	66.7% #B5B06D	RGB 181 176 109	#B5B06D
83.3%	83.3% #C8C474	RGB 200 196 116	#C8C474
100.0%	100.0% #DBD97B	RGB 219 217 123	#DBD97B

#6B6052 #7D7458 #90885F #A39C66 #B5B06D #C8C474 #DBD97B

#6B6052 - #DBD97B

HSV Blend

#6B6052 - #DBD97B | 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 #6B6052 as 0% and #DBD97B as 100%.

0.0%	0.0% #6B6052	RGB 107 96 82	#6B6052
16.7%	16.7% #7D715C	RGB 125 113 92	#7D715C
33.3%	33.3% #908364	RGB 144 131 100	#908364
50.0%	50.0% #A3966C	RGB 163 150 108	#A3966C
66.7%	66.7% #B5AA72	RGB 181 170 114	#B5AA72
83.3%	83.3% #C8C077	RGB 200 192 119	#C8C077
100.0%	100.0% #DBD97B	RGB 219 217 123	#DBD97B

#6B6052 #7D715C #908364 #A3966C #B5AA72 #C8C077 #DBD97B

#6B6052 - #A3966C - #DBD97B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B6052 0%, #A3966C 50%, #DBD97B 100%);
    background: -webkit-linear-gradient(top, #6B6052 0%, #A3966C 50%, #DBD97B 100%);
    background: linear-gradient(to bottom, #6B6052 0%, #A3966C 50%, #DBD97B 100%);
}
</style>