#6B444E - #D88B6C | 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 #6B444E to #D88B6C

#6B444E #D88B6C

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

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

0.0%	0.0% #6B444E	RGB 107 68 78	#6B444E
16.7%	16.7% #7D4F53	RGB 125 79 83	#7D4F53
33.3%	33.3% #8F5B58	RGB 143 91 88	#8F5B58
50.0%	50.0% #A1675D	RGB 161 103 93	#A1675D
66.7%	66.7% #B37362	RGB 179 115 98	#B37362
83.3%	83.3% #C57F67	RGB 197 127 103	#C57F67
100.0%	100.0% #D88B6C	RGB 216 139 108	#D88B6C

#6B444E #7D4F53 #8F5B58 #A1675D #B37362 #C57F67 #D88B6C

#6B444E - #D88B6C

HSV Blend

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

0.0%	0.0% #6B444E	RGB 107 68 78	#6B444E
16.7%	16.7% #7D4C54	RGB 125 76 84	#7D4C54
33.3%	33.3% #8F5459	RGB 143 84 89	#8F5459
50.0%	50.0% #A15C5B	RGB 161 92 91	#A15C5B
66.7%	66.7% #B36A61	RGB 179 106 97	#B36A61
83.3%	83.3% #C57967	RGB 197 121 103	#C57967
100.0%	100.0% #D88B6C	RGB 216 139 108	#D88B6C

#6B444E #7D4C54 #8F5459 #A15C5B #B36A61 #C57967 #D88B6C

#6B444E - #A15C5B - #D88B6C

CSS codes

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

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