#638D5E - #C6ACC2 | 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 #638D5E to #C6ACC2

#638D5E #C6ACC2

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

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

0.0%	0.0% #638D5E	RGB 99 141 94	#638D5E
16.7%	16.7% #73926E	RGB 115 146 110	#73926E
33.3%	33.3% #84977F	RGB 132 151 127	#84977F
50.0%	50.0% #949C90	RGB 148 156 144	#949C90
66.7%	66.7% #A5A1A0	RGB 165 161 160	#A5A1A0
83.3%	83.3% #B5A6B1	RGB 181 166 177	#B5A6B1
100.0%	100.0% #C6ACC2	RGB 198 172 194	#C6ACC2

#638D5E #73926E #84977F #949C90 #A5A1A0 #B5A6B1 #C6ACC2

#638D5E - #C6ACC2

HSV Blend

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

0.0%	0.0% #638D5E	RGB 99 141 94	#638D5E
16.7%	16.7% #829669	RGB 130 150 105	#829669
33.3%	33.3% #A09F75	RGB 160 159 117	#A09F75
50.0%	50.0% #A99682	RGB 169 150 130	#A99682
66.7%	66.7% #B3918F	RGB 179 145 143	#B3918F
83.3%	83.3% #BC9DA9	RGB 188 157 169	#BC9DA9
100.0%	100.0% #C6ACC2	RGB 198 172 194	#C6ACC2

#638D5E #829669 #A09F75 #A99682 #B3918F #BC9DA9 #C6ACC2

#638D5E - #A99682 - #C6ACC2

CSS codes

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

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