#821E3E - #DBBEC7 | 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 #821E3E to #DBBEC7

#821E3E #DBBEC7

Calculate the color between two colors, #821E3E and #DBBEC7. 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)

#821E3E - #DBBEC7 | 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 #821E3E as 0% and #DBBEC7 as 100%.

0.0%	0.0% #821E3E	RGB 130 30 62	#821E3E
16.7%	16.7% #903854	RGB 144 56 84	#903854
33.3%	33.3% #9F536B	RGB 159 83 107	#9F536B
50.0%	50.0% #AE6E82	RGB 174 110 130	#AE6E82
66.7%	66.7% #BD8899	RGB 189 136 153	#BD8899
83.3%	83.3% #CCA3B0	RGB 204 163 176	#CCA3B0
100.0%	100.0% #DBBEC7	RGB 219 190 199	#DBBEC7

#821E3E #903854 #9F536B #AE6E82 #BD8899 #CCA3B0 #DBBEC7

#821E3E - #DBBEC7

HSV Blend

#821E3E - #DBBEC7 | 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 #821E3E as 0% and #DBBEC7 as 100%.

0.0%	0.0% #821E3E	RGB 130 30 62	#821E3E
16.7%	16.7% #90304F	RGB 144 48 79	#90304F
33.3%	33.3% #9F4662	RGB 159 70 98	#9F4662
50.0%	50.0% #AE5F78	RGB 174 95 120	#AE5F78
66.7%	66.7% #BD7C90	RGB 189 124 144	#BD7C90
83.3%	83.3% #CC9BAA	RGB 204 155 170	#CC9BAA
100.0%	100.0% #DBBEC7	RGB 219 190 199	#DBBEC7

#821E3E #90304F #9F4662 #AE5F78 #BD7C90 #CC9BAA #DBBEC7

#821E3E - #AE5F78 - #DBBEC7

CSS codes

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

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