#804556 - #DAC9CE | 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 #DAC9CE

#804556 #DAC9CE

Calculate the color between two colors, #804556 and #DAC9CE. 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 - #DAC9CE | 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 #DAC9CE as 100%.

0.0%	0.0% #804556	RGB 128 69 86	#804556
16.7%	16.7% #8F5B6A	RGB 143 91 106	#8F5B6A
33.3%	33.3% #9E717E	RGB 158 113 126	#9E717E
50.0%	50.0% #AD8792	RGB 173 135 146	#AD8792
66.7%	66.7% #BC9DA6	RGB 188 157 166	#BC9DA6
83.3%	83.3% #CBB3BA	RGB 203 179 186	#CBB3BA
100.0%	100.0% #DAC9CE	RGB 218 201 206	#DAC9CE

#804556 #8F5B6A #9E717E #AD8792 #BC9DA6 #CBB3BA #DAC9CE

#804556 - #DAC9CE

HSV Blend

#804556 - #DAC9CE | 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 #DAC9CE 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% #9E6978	RGB 158 105 120	#9E6978
50.0%	50.0% #AD7E8B	RGB 173 126 139	#AD7E8B
66.7%	66.7% #BC95A0	RGB 188 149 160	#BC95A0
83.3%	83.3% #CBAEB6	RGB 203 174 182	#CBAEB6
100.0%	100.0% #DAC9CE	RGB 218 201 206	#DAC9CE

#804555 #8F5666 #9E6978 #AD7E8B #BC95A0 #CBAEB6 #DAC9CE

#804556 - #AD7E8B - #DAC9CE

CSS codes

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

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