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

#854A50 #DCCBCD

Calculate the color between two colors, #854A50 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)

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

0.0%	0.0% #854A50	RGB 133 74 80	#854A50
16.7%	16.7% #935F64	RGB 147 95 100	#935F64
33.3%	33.3% #A27579	RGB 162 117 121	#A27579
50.0%	50.0% #B08A8E	RGB 176 138 142	#B08A8E
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

#854A50 #935F64 #A27579 #B08A8E #BFA0A3 #CDB5B8 #DCCBCD

#854A50 - #DCCBCD

HSV Blend

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

0.0%	0.0% #854A50	RGB 133 74 80	#854A50
16.7%	16.7% #935B60	RGB 147 91 96	#935B60
33.3%	33.3% #A26D73	RGB 162 109 115	#A26D73
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

#854A50 #935B60 #A26D73 #B08287 #BF989D #CDB1B4 #DCCBCD

#854A50 - #B08287 - #DCCBCD

CSS codes

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

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