#6B6152 - #DBD87B | 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 #6B6152 to #DBD87B

#6B6152 #DBD87B

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

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

0.0%	0.0% #6B6152	RGB 107 97 82	#6B6152
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% #DBD87B	RGB 219 216 123	#DBD87B

#6B6152 #7D7458 #90885F #A39C66 #B5B06D #C8C474 #DBD87B

#6B6152 - #DBD87B

HSV Blend

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

0.0%	0.0% #6B6152	RGB 107 97 82	#6B6152
16.7%	16.7% #7D725C	RGB 125 114 92	#7D725C
33.3%	33.3% #908464	RGB 144 132 100	#908464
50.0%	50.0% #A3976C	RGB 163 151 108	#A3976C
66.7%	66.7% #B5AB72	RGB 181 171 114	#B5AB72
83.3%	83.3% #C8C077	RGB 200 192 119	#C8C077
100.0%	100.0% #DBD87B	RGB 219 216 123	#DBD87B

#6B6152 #7D725C #908464 #A3976C #B5AB72 #C8C077 #DBD87B

#6B6152 - #A3976C - #DBD87B

CSS codes

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

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