#6B444B - #D8916C | 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 #6B444B to #D8916C

#6B444B #D8916C

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

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

0.0%	0.0% #6B444B	RGB 107 68 75	#6B444B
16.7%	16.7% #7D5050	RGB 125 80 80	#7D5050
33.3%	33.3% #8F5D56	RGB 143 93 86	#8F5D56
50.0%	50.0% #A16A5B	RGB 161 106 91	#A16A5B
66.7%	66.7% #B37761	RGB 179 119 97	#B37761
83.3%	83.3% #C58466	RGB 197 132 102	#C58466
100.0%	100.0% #D8916C	RGB 216 145 108	#D8916C

#6B444B #7D5050 #8F5D56 #A16A5B #B37761 #C58466 #D8916C

#6B444B - #D8916C

HSV Blend

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

0.0%	0.0% #6B444A	RGB 107 68 74	#6B444A
16.7%	16.7% #7D4C51	RGB 125 76 81	#7D4C51
33.3%	33.3% #8F5454	RGB 143 84 84	#8F5454
50.0%	50.0% #A1615B	RGB 161 97 91	#A1615B
66.7%	66.7% #B36F61	RGB 179 111 97	#B36F61
83.3%	83.3% #C57F67	RGB 197 127 103	#C57F67
100.0%	100.0% #D8916C	RGB 216 145 108	#D8916C

#6B444A #7D4C51 #8F5454 #A1615B #B36F61 #C57F67 #D8916C

#6B444B - #A1615B - #D8916C

CSS codes

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

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