#676B5E - #CAB582 | 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 #676B5E to #CAB582

#676B5E #CAB582

Calculate the color between two colors, #676B5E and #CAB582. 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)

#676B5E - #CAB582 | 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 #676B5E as 0% and #CAB582 as 100%.

0.0%	0.0% #676B5E	RGB 103 107 94	#676B5E
16.7%	16.7% #777764	RGB 119 119 100	#777764
33.3%	33.3% #88836A	RGB 136 131 106	#88836A
50.0%	50.0% #989070	RGB 152 144 112	#989070
66.7%	66.7% #A99C76	RGB 169 156 118	#A99C76
83.3%	83.3% #B9A87C	RGB 185 168 124	#B9A87C
100.0%	100.0% #CAB582	RGB 202 181 130	#CAB582

#676B5E #777764 #88836A #989070 #A99C76 #B9A87C #CAB582

#676B5E - #CAB582

HSV Blend

#676B5E - #CAB582 | 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 #676B5E as 0% and #CAB582 as 100%.

0.0%	0.0% #676B5E	RGB 103 107 94	#676B5E
16.7%	16.7% #767A67	RGB 118 122 103	#767A67
33.3%	33.3% #878A6E	RGB 135 138 110	#878A6E
50.0%	50.0% #9A9A75	RGB 154 154 117	#9A9A75
66.7%	66.7% #AAA57A	RGB 170 165 122	#AAA57A
83.3%	83.3% #BAAE7F	RGB 186 174 127	#BAAE7F
100.0%	100.0% #CAB582	RGB 202 181 130	#CAB582

#676B5E #767A67 #878A6E #9A9A75 #AAA57A #BAAE7F #CAB582

#676B5E - #9A9A75 - #CAB582

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #676B5E 0%, #9A9A75 50%, #CAB582 100%);
    background: -webkit-linear-gradient(top, #676B5E 0%, #9A9A75 50%, #CAB582 100%);
    background: linear-gradient(to bottom, #676B5E 0%, #9A9A75 50%, #CAB582 100%);
}
</style>