#827F5E - #C08DAC | 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 #827F5E to #C08DAC

#827F5E #C08DAC

Calculate the color between two colors, #827F5E and #C08DAC. 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)

#827F5E - #C08DAC | 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 #827F5E as 0% and #C08DAC as 100%.

0.0%	0.0% #827F5E	RGB 130 127 94	#827F5E
16.7%	16.7% #8C816B	RGB 140 129 107	#8C816B
33.3%	33.3% #968378	RGB 150 131 120	#968378
50.0%	50.0% #A18685	RGB 161 134 133	#A18685
66.7%	66.7% #AB8892	RGB 171 136 146	#AB8892
83.3%	83.3% #B58A9F	RGB 181 138 159	#B58A9F
100.0%	100.0% #C08DAC	RGB 192 141 172	#C08DAC

#827F5E #8C816B #968378 #A18685 #AB8892 #B58A9F #C08DAC

#827F5E - #C08DAC

HSV Blend

#827F5E - #C08DAC | 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 #827F5E as 0% and #C08DAC as 100%.

0.0%	0.0% #827F5E	RGB 130 127 94	#827F5E
16.7%	16.7% #8C7F65	RGB 140 127 101	#8C7F65
33.3%	33.3% #967E6D	RGB 150 126 109	#967E6D
50.0%	50.0% #A17C75	RGB 161 124 117	#A17C75
66.7%	66.7% #AB7D81	RGB 171 125 129	#AB7D81
83.3%	83.3% #B58596	RGB 181 133 150	#B58596
100.0%	100.0% #C08DAC	RGB 192 141 172	#C08DAC

#827F5E #8C7F65 #967E6D #A17C75 #AB7D81 #B58596 #C08DAC

#827F5E - #A17C75 - #C08DAC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #827F5E 0%, #A17C75 50%, #C08DAC 100%);
    background: -webkit-linear-gradient(top, #827F5E 0%, #A17C75 50%, #C08DAC 100%);
    background: linear-gradient(to bottom, #827F5E 0%, #A17C75 50%, #C08DAC 100%);
}
</style>