#83151B - #DBBCBD | 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 #83151B to #DBBCBD

#83151B #DBBCBD

Calculate the color between two colors, #83151B and #DBBCBD. 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)

#83151B - #DBBCBD | 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 #83151B as 0% and #DBBCBD as 100%.

0.0%	0.0% #83151B	RGB 131 21 27	#83151B
16.7%	16.7% #913036	RGB 145 48 54	#913036
33.3%	33.3% #A04C51	RGB 160 76 81	#A04C51
50.0%	50.0% #AF686C	RGB 175 104 108	#AF686C
66.7%	66.7% #BD8487	RGB 189 132 135	#BD8487
83.3%	83.3% #CCA0A2	RGB 204 160 162	#CCA0A2
100.0%	100.0% #DBBCBD	RGB 219 188 189	#DBBCBD

#83151B #913036 #A04C51 #AF686C #BD8487 #CCA0A2 #DBBCBD

#83151B - #DBBCBD

HSV Blend

#83151B - #DBBCBD | 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 #83151B as 0% and #DBBCBD as 100%.

0.0%	0.0% #83141A	RGB 131 20 26	#83141A
16.7%	16.7% #91282D	RGB 145 40 45	#91282D
33.3%	33.3% #A03F43	RGB 160 63 67	#A03F43
50.0%	50.0% #AF595C	RGB 175 89 92	#AF595C
66.7%	66.7% #BD7679	RGB 189 118 121	#BD7679
83.3%	83.3% #CC9799	RGB 204 151 153	#CC9799
100.0%	100.0% #DBBCBD	RGB 219 188 189	#DBBCBD

#83141A #91282D #A03F43 #AF595C #BD7679 #CC9799 #DBBCBD

#83151B - #AF595C - #DBBCBD

CSS codes

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

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