#6B5158 - #DF9A77 | 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 #6B5158 to #DF9A77

#6B5158 #DF9A77

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

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

0.0%	0.0% #6B5158	RGB 107 81 88	#6B5158
16.7%	16.7% #7E5D5D	RGB 126 93 93	#7E5D5D
33.3%	33.3% #916962	RGB 145 105 98	#916962
50.0%	50.0% #A57567	RGB 165 117 103	#A57567
66.7%	66.7% #B8816C	RGB 184 129 108	#B8816C
83.3%	83.3% #CB8D71	RGB 203 141 113	#CB8D71
100.0%	100.0% #DF9A77	RGB 223 154 119	#DF9A77

#6B5158 #7E5D5D #916962 #A57567 #B8816C #CB8D71 #DF9A77

#6B5158 - #DF9A77

HSV Blend

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

0.0%	0.0% #6B5158	RGB 107 81 88	#6B5158
16.7%	16.7% #7E5A60	RGB 126 90 96	#7E5A60
33.3%	33.3% #916366	RGB 145 99 102	#916366
50.0%	50.0% #A56C6A	RGB 165 108 106	#A56C6A
66.7%	66.7% #B87970	RGB 184 121 112	#B87970
83.3%	83.3% #CB8874	RGB 203 136 116	#CB8874
100.0%	100.0% #DF9A77	RGB 223 154 119	#DF9A77

#6B5158 #7E5A60 #916366 #A56C6A #B87970 #CB8874 #DF9A77

#6B5158 - #A56C6A - #DF9A77

CSS codes

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

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