#864C5E - #DCCBD1 | 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 #864C5E to #DCCBD1

#864C5E #DCCBD1

Calculate the color between two colors, #864C5E and #DCCBD1. 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)

#864C5E - #DCCBD1 | 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 #864C5E as 0% and #DCCBD1 as 100%.

0.0%	0.0% #864C5E	RGB 134 76 94	#864C5E
16.7%	16.7% #946171	RGB 148 97 113	#946171
33.3%	33.3% #A27684	RGB 162 118 132	#A27684
50.0%	50.0% #B18B97	RGB 177 139 151	#B18B97
66.7%	66.7% #BFA0AA	RGB 191 160 170	#BFA0AA
83.3%	83.3% #CDB5BD	RGB 205 181 189	#CDB5BD
100.0%	100.0% #DCCBD1	RGB 220 203 209	#DCCBD1

#864C5E #946171 #A27684 #B18B97 #BFA0AA #CDB5BD #DCCBD1

#864C5E - #DCCBD1

HSV Blend

#864C5E - #DCCBD1 | 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 #864C5E as 0% and #DCCBD1 as 100%.

0.0%	0.0% #864C5E	RGB 134 76 94	#864C5E
16.7%	16.7% #945C6E	RGB 148 92 110	#945C6E
33.3%	33.3% #A26F80	RGB 162 111 128	#A26F80
50.0%	50.0% #B18392	RGB 177 131 146	#B18392
66.7%	66.7% #BF99A6	RGB 191 153 166	#BF99A6
83.3%	83.3% #CDB1BB	RGB 205 177 187	#CDB1BB
100.0%	100.0% #DCCBD1	RGB 220 203 209	#DCCBD1

#864C5E #945C6E #A26F80 #B18392 #BF99A6 #CDB1BB #DCCBD1

#864C5E - #B18392 - #DCCBD1

CSS codes

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

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