#855D5D - #DCD0D0 | 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 #855D5D to #DCD0D0

#855D5D #DCD0D0

Calculate the color between two colors, #855D5D and #DCD0D0. 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)

#855D5D - #DCD0D0 | 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 #855D5D as 0% and #DCD0D0 as 100%.

0.0%	0.0% #855D5D	RGB 133 93 93	#855D5D
16.7%	16.7% #937070	RGB 147 112 112	#937070
33.3%	33.3% #A28383	RGB 162 131 131	#A28383
50.0%	50.0% #B09696	RGB 176 150 150	#B09696
66.7%	66.7% #BFA9A9	RGB 191 169 169	#BFA9A9
83.3%	83.3% #CDBCBC	RGB 205 188 188	#CDBCBC
100.0%	100.0% #DCD0D0	RGB 220 208 208	#DCD0D0

#855D5D #937070 #A28383 #B09696 #BFA9A9 #CDBCBC #DCD0D0

#855D5D - #DCD0D0

HSV Blend

#855D5D - #DCD0D0 | 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 #855D5D as 0% and #DCD0D0 as 100%.

0.0%	0.0% #855D5D	RGB 133 93 93	#855D5D
16.7%	16.7% #936D6D	RGB 147 109 109	#936D6D
33.3%	33.3% #A27E7E	RGB 162 126 126	#A27E7E
50.0%	50.0% #B09191	RGB 176 145 145	#B09191
66.7%	66.7% #BFA4A4	RGB 191 164 164	#BFA4A4
83.3%	83.3% #CDB9B9	RGB 205 185 185	#CDB9B9
100.0%	100.0% #DCD0D0	RGB 220 208 208	#DCD0D0

#855D5D #936D6D #A27E7E #B09191 #BFA4A4 #CDB9B9 #DCD0D0

#855D5D - #B09191 - #DCD0D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #855D5D 0%, #B09191 50%, #DCD0D0 100%);
    background: -webkit-linear-gradient(top, #855D5D 0%, #B09191 50%, #DCD0D0 100%);
    background: linear-gradient(to bottom, #855D5D 0%, #B09191 50%, #DCD0D0 100%);
}
</style>