#804556 - #DAC9CD | 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 #804556 to #DAC9CD

#804556 #DAC9CD

Calculate the color between two colors, #804556 and #DAC9CD. 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)

#804556 - #DAC9CD | 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 #804556 as 0% and #DAC9CD as 100%.

0.0%	0.0% #804556	RGB 128 69 86	#804556
16.7%	16.7% #8F5B69	RGB 143 91 105	#8F5B69
33.3%	33.3% #9E717D	RGB 158 113 125	#9E717D
50.0%	50.0% #AD8791	RGB 173 135 145	#AD8791
66.7%	66.7% #BC9DA5	RGB 188 157 165	#BC9DA5
83.3%	83.3% #CBB3B9	RGB 203 179 185	#CBB3B9
100.0%	100.0% #DAC9CD	RGB 218 201 205	#DAC9CD

#804556 #8F5B69 #9E717D #AD8791 #BC9DA5 #CBB3B9 #DAC9CD

#804556 - #DAC9CD

HSV Blend

#804556 - #DAC9CD | 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 #804556 as 0% and #DAC9CD as 100%.

0.0%	0.0% #804555	RGB 128 69 85	#804555
16.7%	16.7% #8F5666	RGB 143 86 102	#8F5666
33.3%	33.3% #9E6977	RGB 158 105 119	#9E6977
50.0%	50.0% #AD7E8A	RGB 173 126 138	#AD7E8A
66.7%	66.7% #BC959F	RGB 188 149 159	#BC959F
83.3%	83.3% #CBAEB5	RGB 203 174 181	#CBAEB5
100.0%	100.0% #DAC9CD	RGB 218 201 205	#DAC9CD

#804555 #8F5666 #9E6977 #AD7E8A #BC959F #CBAEB5 #DAC9CD

#804556 - #AD7E8A - #DAC9CD

CSS codes

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

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