#854A4A - #DCCBCB | 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 #854A4A to #DCCBCB

#854A4A #DCCBCB

Calculate the color between two colors, #854A4A and #DCCBCB. 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)

#854A4A - #DCCBCB | 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 #854A4A as 0% and #DCCBCB as 100%.

0.0%	0.0% #854A4A	RGB 133 74 74	#854A4A
16.7%	16.7% #935F5F	RGB 147 95 95	#935F5F
33.3%	33.3% #A27575	RGB 162 117 117	#A27575
50.0%	50.0% #B08A8A	RGB 176 138 138	#B08A8A
66.7%	66.7% #BFA0A0	RGB 191 160 160	#BFA0A0
83.3%	83.3% #CDB5B5	RGB 205 181 181	#CDB5B5
100.0%	100.0% #DCCBCB	RGB 220 203 203	#DCCBCB

#854A4A #935F5F #A27575 #B08A8A #BFA0A0 #CDB5B5 #DCCBCB

#854A4A - #DCCBCB

HSV Blend

#854A4A - #DCCBCB | 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 #854A4A as 0% and #DCCBCB as 100%.

0.0%	0.0% #854A4A	RGB 133 74 74	#854A4A
16.7%	16.7% #935B5B	RGB 147 91 91	#935B5B
33.3%	33.3% #A26D6D	RGB 162 109 109	#A26D6D
50.0%	50.0% #B08282	RGB 176 130 130	#B08282
66.7%	66.7% #BF9898	RGB 191 152 152	#BF9898
83.3%	83.3% #CDB1B1	RGB 205 177 177	#CDB1B1
100.0%	100.0% #DCCBCB	RGB 220 203 203	#DCCBCB

#854A4A #935B5B #A26D6D #B08282 #BF9898 #CDB1B1 #DCCBCB

#854A4A - #B08282 - #DCCBCB

CSS codes

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

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