#855454 - #DCCECE | 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 #855454 to #DCCECE

#855454 #DCCECE

Calculate the color between two colors, #855454 and #DCCECE. 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)

#855454 - #DCCECE | 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 #855454 as 0% and #DCCECE as 100%.

0.0%	0.0% #855454	RGB 133 84 84	#855454
16.7%	16.7% #936868	RGB 147 104 104	#936868
33.3%	33.3% #A27C7C	RGB 162 124 124	#A27C7C
50.0%	50.0% #B09191	RGB 176 145 145	#B09191
66.7%	66.7% #BFA5A5	RGB 191 165 165	#BFA5A5
83.3%	83.3% #CDB9B9	RGB 205 185 185	#CDB9B9
100.0%	100.0% #DCCECE	RGB 220 206 206	#DCCECE

#855454 #936868 #A27C7C #B09191 #BFA5A5 #CDB9B9 #DCCECE

#855454 - #DCCECE

HSV Blend

#855454 - #DCCECE | 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 #855454 as 0% and #DCCECE as 100%.

0.0%	0.0% #855454	RGB 133 84 84	#855454
16.7%	16.7% #936464	RGB 147 100 100	#936464
33.3%	33.3% #A27676	RGB 162 118 118	#A27676
50.0%	50.0% #B08A8A	RGB 176 138 138	#B08A8A
66.7%	66.7% #BF9F9F	RGB 191 159 159	#BF9F9F
83.3%	83.3% #CDB5B5	RGB 205 181 181	#CDB5B5
100.0%	100.0% #DCCECE	RGB 220 206 206	#DCCECE

#855454 #936464 #A27676 #B08A8A #BF9F9F #CDB5B5 #DCCECE

#855454 - #B08A8A - #DCCECE

CSS codes

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

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