#854A51 - #DCCBCD | 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 #854A51 to #DCCBCD

#854A51 #DCCBCD

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

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

0.0%	0.0% #854A51	RGB 133 74 81	#854A51
16.7%	16.7% #935F65	RGB 147 95 101	#935F65
33.3%	33.3% #A2757A	RGB 162 117 122	#A2757A
50.0%	50.0% #B08A8F	RGB 176 138 143	#B08A8F
66.7%	66.7% #BFA0A3	RGB 191 160 163	#BFA0A3
83.3%	83.3% #CDB5B8	RGB 205 181 184	#CDB5B8
100.0%	100.0% #DCCBCD	RGB 220 203 205	#DCCBCD

#854A51 #935F65 #A2757A #B08A8F #BFA0A3 #CDB5B8 #DCCBCD

#854A51 - #DCCBCD

HSV Blend

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

0.0%	0.0% #854A51	RGB 133 74 81	#854A51
16.7%	16.7% #935B61	RGB 147 91 97	#935B61
33.3%	33.3% #A26D74	RGB 162 109 116	#A26D74
50.0%	50.0% #B08287	RGB 176 130 135	#B08287
66.7%	66.7% #BF989D	RGB 191 152 157	#BF989D
83.3%	83.3% #CDB1B4	RGB 205 177 180	#CDB1B4
100.0%	100.0% #DCCBCD	RGB 220 203 205	#DCCBCD

#854A51 #935B61 #A26D74 #B08287 #BF989D #CDB1B4 #DCCBCD

#854A51 - #B08287 - #DCCBCD

CSS codes

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

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