#6A6B5E - #CA9F82 | 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 #6A6B5E to #CA9F82

#6A6B5E #CA9F82

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

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

0.0%	0.0% #6A6B5E	RGB 106 107 94	#6A6B5E
16.7%	16.7% #7A7364	RGB 122 115 100	#7A7364
33.3%	33.3% #8A7C6A	RGB 138 124 106	#8A7C6A
50.0%	50.0% #9A8570	RGB 154 133 112	#9A8570
66.7%	66.7% #AA8D76	RGB 170 141 118	#AA8D76
83.3%	83.3% #BA967C	RGB 186 150 124	#BA967C
100.0%	100.0% #CA9F82	RGB 202 159 130	#CA9F82

#6A6B5E #7A7364 #8A7C6A #9A8570 #AA8D76 #BA967C #CA9F82

#6A6B5E - #CA9F82

HSV Blend

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

0.0%	0.0% #6A6B5E	RGB 106 107 94	#6A6B5E
16.7%	16.7% #7A7A67	RGB 122 122 103	#7A7A67
33.3%	33.3% #8A866E	RGB 138 134 110	#8A866E
50.0%	50.0% #9A9075	RGB 154 144 117	#9A9075
66.7%	66.7% #AA987A	RGB 170 152 122	#AA987A
83.3%	83.3% #BA9D7F	RGB 186 157 127	#BA9D7F
100.0%	100.0% #CA9F82	RGB 202 159 130	#CA9F82

#6A6B5E #7A7A67 #8A866E #9A9075 #AA987A #BA9D7F #CA9F82

#6A6B5E - #9A9075 - #CA9F82

CSS codes

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

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