#6B444D - #D88A6A | 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 #6B444D to #D88A6A

#6B444D #D88A6A

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

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

0.0%	0.0% #6B444D	RGB 107 68 77	#6B444D
16.7%	16.7% #7D4F51	RGB 125 79 81	#7D4F51
33.3%	33.3% #8F5B56	RGB 143 91 86	#8F5B56
50.0%	50.0% #A1675B	RGB 161 103 91	#A1675B
66.7%	66.7% #B37260	RGB 179 114 96	#B37260
83.3%	83.3% #C57E65	RGB 197 126 101	#C57E65
100.0%	100.0% #D88A6A	RGB 216 138 106	#D88A6A

#6B444D #7D4F51 #8F5B56 #A1675B #B37260 #C57E65 #D88A6A

#6B444D - #D88A6A

HSV Blend

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

0.0%	0.0% #6B444C	RGB 107 68 76	#6B444C
16.7%	16.7% #7D4C53	RGB 125 76 83	#7D4C53
33.3%	33.3% #8F5457	RGB 143 84 87	#8F5457
50.0%	50.0% #A15D5A	RGB 161 93 90	#A15D5A
66.7%	66.7% #B36A60	RGB 179 106 96	#B36A60
83.3%	83.3% #C57965	RGB 197 121 101	#C57965
100.0%	100.0% #D88A6A	RGB 216 138 106	#D88A6A

#6B444C #7D4C53 #8F5457 #A15D5A #B36A60 #C57965 #D88A6A

#6B444D - #A15D5A - #D88A6A

CSS codes

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

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