#6D5E4D - #B27AA0 | 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 #6D5E4D to #B27AA0

#6D5E4D #B27AA0

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

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

0.0%	0.0% #6D5E4D	RGB 109 94 77	#6D5E4D
16.7%	16.7% #78625A	RGB 120 98 90	#78625A
33.3%	33.3% #846768	RGB 132 103 104	#846768
50.0%	50.0% #8F6C76	RGB 143 108 118	#8F6C76
66.7%	66.7% #9B7084	RGB 155 112 132	#9B7084
83.3%	83.3% #A67592	RGB 166 117 146	#A67592
100.0%	100.0% #B27AA0	RGB 178 122 160	#B27AA0

#6D5E4D #78625A #846768 #8F6C76 #9B7084 #A67592 #B27AA0

#6D5E4D - #B27AA0

HSV Blend

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

0.0%	0.0% #6D5E4D	RGB 109 94 77	#6D5E4D
16.7%	16.7% #786054	RGB 120 96 84	#786054
33.3%	33.3% #84615C	RGB 132 97 92	#84615C
50.0%	50.0% #8F6367	RGB 143 99 103	#8F6367
66.7%	66.7% #9B6B78	RGB 155 107 120	#9B6B78
83.3%	83.3% #A6728B	RGB 166 114 139	#A6728B
100.0%	100.0% #B27AA0	RGB 178 122 160	#B27AA0

#6D5E4D #786054 #84615C #8F6367 #9B6B78 #A6728B #B27AA0

#6D5E4D - #8F6367 - #B27AA0

CSS codes

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

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