#850008 - #DCB6B8 | 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 #850008 to #DCB6B8

#850008 #DCB6B8

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

#850008 - #DCB6B8 | 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 #850008 as 0% and #DCB6B8 as 100%.

0.0%	0.0% #850008	RGB 133 0 8	#850008
16.7%	16.7% #931E25	RGB 147 30 37	#931E25
33.3%	33.3% #A23C42	RGB 162 60 66	#A23C42
50.0%	50.0% #B05B60	RGB 176 91 96	#B05B60
66.7%	66.7% #BF797D	RGB 191 121 125	#BF797D
83.3%	83.3% #CD979A	RGB 205 151 154	#CD979A
100.0%	100.0% #DCB6B8	RGB 220 182 184	#DCB6B8

#850008 #931E25 #A23C42 #B05B60 #BF797D #CD979A #DCB6B8

#850008 - #DCB6B8

HSV Blend

#850008 - #DCB6B8 | 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 #850008 as 0% and #DCB6B8 as 100%.

0.0%	0.0% #850008	RGB 133 0 8	#850008
16.7%	16.7% #93141B	RGB 147 20 27	#93141B
33.3%	33.3% #A22C33	RGB 162 44 51	#A22C33
50.0%	50.0% #B0494E	RGB 176 73 78	#B0494E
66.7%	66.7% #BF696E	RGB 191 105 110	#BF696E
83.3%	83.3% #CD8D91	RGB 205 141 145	#CD8D91
100.0%	100.0% #DCB6B8	RGB 220 182 184	#DCB6B8

#850008 #93141B #A22C33 #B0494E #BF696E #CD8D91 #DCB6B8

#850008 - #B0494E - #DCB6B8

CSS codes

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

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