#803E5E - #DAC7D1 | 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 #803E5E to #DAC7D1

#803E5E #DAC7D1

Calculate the color between two colors, #803E5E and #DAC7D1. 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)

#803E5E - #DAC7D1 | 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 #803E5E as 0% and #DAC7D1 as 100%.

0.0%	0.0% #803E5E	RGB 128 62 94	#803E5E
16.7%	16.7% #8F5471	RGB 143 84 113	#8F5471
33.3%	33.3% #9E6B84	RGB 158 107 132	#9E6B84
50.0%	50.0% #AD8297	RGB 173 130 151	#AD8297
66.7%	66.7% #BC99AA	RGB 188 153 170	#BC99AA
83.3%	83.3% #CBB0BD	RGB 203 176 189	#CBB0BD
100.0%	100.0% #DAC7D1	RGB 218 199 209	#DAC7D1

#803E5E #8F5471 #9E6B84 #AD8297 #BC99AA #CBB0BD #DAC7D1

#803E5E - #DAC7D1

HSV Blend

#803E5E - #DAC7D1 | 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 #803E5E as 0% and #DAC7D1 as 100%.

0.0%	0.0% #803E5D	RGB 128 62 93	#803E5D
16.7%	16.7% #8F4F6E	RGB 143 79 110	#8F4F6E
33.3%	33.3% #9E6380	RGB 158 99 128	#9E6380
50.0%	50.0% #AD7893	RGB 173 120 147	#AD7893
66.7%	66.7% #BC90A6	RGB 188 144 166	#BC90A6
83.3%	83.3% #CBAABB	RGB 203 170 187	#CBAABB
100.0%	100.0% #DAC7D1	RGB 218 199 209	#DAC7D1

#803E5D #8F4F6E #9E6380 #AD7893 #BC90A6 #CBAABB #DAC7D1

#803E5E - #AD7893 - #DAC7D1

CSS codes

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

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