#6D605E - #C87EB6 | 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 #6D605E to #C87EB6

#6D605E #C87EB6

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

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

0.0%	0.0% #6D605E	RGB 109 96 94	#6D605E
16.7%	16.7% #7C656C	RGB 124 101 108	#7C656C
33.3%	33.3% #8B6A7B	RGB 139 106 123	#8B6A7B
50.0%	50.0% #9A6F8A	RGB 154 111 138	#9A6F8A
66.7%	66.7% #A97498	RGB 169 116 152	#A97498
83.3%	83.3% #B879A7	RGB 184 121 167	#B879A7
100.0%	100.0% #C87EB6	RGB 200 126 182	#C87EB6

#6D605E #7C656C #8B6A7B #9A6F8A #A97498 #B879A7 #C87EB6

#6D605E - #C87EB6

HSV Blend

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

0.0%	0.0% #6D605E	RGB 109 96 94	#6D605E
16.7%	16.7% #7C6666	RGB 124 102 102	#7C6666
33.3%	33.3% #8B6D72	RGB 139 109 114	#8B6D72
50.0%	50.0% #9A737F	RGB 154 115 127	#9A737F
66.7%	66.7% #A9788E	RGB 169 120 142	#A9788E
83.3%	83.3% #B87BA0	RGB 184 123 160	#B87BA0
100.0%	100.0% #C87EB6	RGB 200 126 182	#C87EB6

#6D605E #7C6666 #8B6D72 #9A737F #A9788E #B87BA0 #C87EB6

#6D605E - #9A737F - #C87EB6

CSS codes

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

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