#6A554B - #DC9F70 | 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 #6A554B to #DC9F70

#6A554B #DC9F70

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

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

0.0%	0.0% #6A554B	RGB 106 85 75	#6A554B
16.7%	16.7% #7D6151	RGB 125 97 81	#7D6151
33.3%	33.3% #906D57	RGB 144 109 87	#906D57
50.0%	50.0% #A37A5D	RGB 163 122 93	#A37A5D
66.7%	66.7% #B68663	RGB 182 134 99	#B68663
83.3%	83.3% #C99269	RGB 201 146 105	#C99269
100.0%	100.0% #DC9F70	RGB 220 159 112	#DC9F70

#6A554B #7D6151 #906D57 #A37A5D #B68663 #C99269 #DC9F70

#6A554B - #DC9F70

HSV Blend

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

0.0%	0.0% #6A554B	RGB 106 85 75	#6A554B
16.7%	16.7% #7D6254	RGB 125 98 84	#7D6254
33.3%	33.3% #906E5C	RGB 144 110 92	#906E5C
50.0%	50.0% #A37B63	RGB 163 123 99	#A37B63
66.7%	66.7% #B68768	RGB 182 135 104	#B68768
83.3%	83.3% #C9936C	RGB 201 147 108	#C9936C
100.0%	100.0% #DC9F70	RGB 220 159 112	#DC9F70

#6A554B #7D6254 #906E5C #A37B63 #B68768 #C9936C #DC9F70

#6A554B - #A37B63 - #DC9F70

CSS codes

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

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