#804C4C - #DACBCB | 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 #804C4C to #DACBCB

#804C4C #DACBCB

Calculate the color between two colors, #804C4C and #DACBCB. 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)

#804C4C - #DACBCB | 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 #804C4C as 0% and #DACBCB as 100%.

0.0%	0.0% #804C4C	RGB 128 76 76	#804C4C
16.7%	16.7% #8F6161	RGB 143 97 97	#8F6161
33.3%	33.3% #9E7676	RGB 158 118 118	#9E7676
50.0%	50.0% #AD8B8B	RGB 173 139 139	#AD8B8B
66.7%	66.7% #BCA0A0	RGB 188 160 160	#BCA0A0
83.3%	83.3% #CBB5B5	RGB 203 181 181	#CBB5B5
100.0%	100.0% #DACBCB	RGB 218 203 203	#DACBCB

#804C4C #8F6161 #9E7676 #AD8B8B #BCA0A0 #CBB5B5 #DACBCB

#804C4C - #DACBCB

HSV Blend

#804C4C - #DACBCB | 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 #804C4C as 0% and #DACBCB as 100%.

0.0%	0.0% #804C4C	RGB 128 76 76	#804C4C
16.7%	16.7% #8F5C5C	RGB 143 92 92	#8F5C5C
33.3%	33.3% #9E6F6F	RGB 158 111 111	#9E6F6F
50.0%	50.0% #AD8383	RGB 173 131 131	#AD8383
66.7%	66.7% #BC9999	RGB 188 153 153	#BC9999
83.3%	83.3% #CBB1B1	RGB 203 177 177	#CBB1B1
100.0%	100.0% #DACBCB	RGB 218 203 203	#DACBCB

#804C4C #8F5C5C #9E6F6F #AD8383 #BC9999 #CBB1B1 #DACBCB

#804C4C - #AD8383 - #DACBCB

CSS codes

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

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