#6C6A5E - #CD9F83 | 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 #6C6A5E to #CD9F83

#6C6A5E #CD9F83

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

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

0.0%	0.0% #6C6A5E	RGB 108 106 94	#6C6A5E
16.7%	16.7% #7C7264	RGB 124 114 100	#7C7264
33.3%	33.3% #8C7B6A	RGB 140 123 106	#8C7B6A
50.0%	50.0% #9C8470	RGB 156 132 112	#9C8470
66.7%	66.7% #AC8D76	RGB 172 141 118	#AC8D76
83.3%	83.3% #BC967C	RGB 188 150 124	#BC967C
100.0%	100.0% #CD9F83	RGB 205 159 131	#CD9F83

#6C6A5E #7C7264 #8C7B6A #9C8470 #AC8D76 #BC967C #CD9F83

#6C6A5E - #CD9F83

HSV Blend

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

0.0%	0.0% #6C6A5E	RGB 108 106 94	#6C6A5E
16.7%	16.7% #7C7767	RGB 124 119 103	#7C7767
33.3%	33.3% #8C836F	RGB 140 131 111	#8C836F
50.0%	50.0% #9C8D76	RGB 156 141 118	#9C8D76
66.7%	66.7% #AC967B	RGB 172 150 123	#AC967B
83.3%	83.3% #BC9B7F	RGB 188 155 127	#BC9B7F
100.0%	100.0% #CD9F83	RGB 205 159 131	#CD9F83

#6C6A5E #7C7767 #8C836F #9C8D76 #AC967B #BC9B7F #CD9F83

#6C6A5E - #9C8D76 - #CD9F83

CSS codes

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

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