#646D5E - #CCCD82 | 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 #646D5E to #CCCD82

#646D5E #CCCD82

Calculate the color between two colors, #646D5E and #CCCD82. 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)

#646D5E - #CCCD82 | 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 #646D5E as 0% and #CCCD82 as 100%.

0.0%	0.0% #646D5E	RGB 100 109 94	#646D5E
16.7%	16.7% #757D64	RGB 117 125 100	#757D64
33.3%	33.3% #868D6A	RGB 134 141 106	#868D6A
50.0%	50.0% #989D70	RGB 152 157 112	#989D70
66.7%	66.7% #A9AD76	RGB 169 173 118	#A9AD76
83.3%	83.3% #BABD7C	RGB 186 189 124	#BABD7C
100.0%	100.0% #CCCD82	RGB 204 205 130	#CCCD82

#646D5E #757D64 #868D6A #989D70 #A9AD76 #BABD7C #CCCD82

#646D5E - #CCCD82

HSV Blend

#646D5E - #CCCD82 | 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 #646D5E as 0% and #CCCD82 as 100%.

0.0%	0.0% #646D5E	RGB 100 109 94	#646D5E
16.7%	16.7% #717D67	RGB 113 125 103	#717D67
33.3%	33.3% #808D6E	RGB 128 141 110	#808D6E
50.0%	50.0% #909D75	RGB 144 157 117	#909D75
66.7%	66.7% #A2AD7A	RGB 162 173 122	#A2AD7A
83.3%	83.3% #B6BD7F	RGB 182 189 127	#B6BD7F
100.0%	100.0% #CCCD82	RGB 204 205 130	#CCCD82

#646D5E #717D67 #808D6E #909D75 #A2AD7A #B6BD7F #CCCD82

#646D5E - #909D75 - #CCCD82

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #646D5E 0%, #909D75 50%, #CCCD82 100%);
    background: -webkit-linear-gradient(top, #646D5E 0%, #909D75 50%, #CCCD82 100%);
    background: linear-gradient(to bottom, #646D5E 0%, #909D75 50%, #CCCD82 100%);
}
</style>