#DB8D8D - #BF3C39 | 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 #DB8D8D to #BF3C39

#DB8D8D #BF3C39

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

#DB8D8D - #BF3C39 | 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 #DB8D8D as 0% and #BF3C39 as 100%.

0.0%	0.0% #DB8D8D	RGB 219 141 141	#DB8D8D
16.7%	16.7% #D67F7F	RGB 214 127 127	#D67F7F
33.3%	33.3% #D17271	RGB 209 114 113	#D17271
50.0%	50.0% #CD6463	RGB 205 100 99	#CD6463
66.7%	66.7% #C85755	RGB 200 87 85	#C85755
83.3%	83.3% #C34947	RGB 195 73 71	#C34947
100.0%	100.0% #BF3C39	RGB 191 60 57	#BF3C39

#DB8D8D #D67F7F #D17271 #CD6463 #C85755 #C34947 #BF3C39

#DB8D8D - #BF3C39

HSV Blend

#DB8D8D - #BF3C39 | 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 #DB8D8D as 0% and #BF3C39 as 100%.

0.0%	0.0% #DB8D8D	RGB 219 141 141	#DB8D8D
16.7%	16.7% #D67D7D	RGB 214 125 125	#D67D7D
33.3%	33.3% #D16F6E	RGB 209 111 110	#D16F6E
50.0%	50.0% #CD6160	RGB 205 97 96	#CD6160
66.7%	66.7% #C85452	RGB 200 84 82	#C85452
83.3%	83.3% #C34845	RGB 195 72 69	#C34845
100.0%	100.0% #BF3C39	RGB 191 60 57	#BF3C39

#DB8D8D #D67D7D #D16F6E #CD6160 #C85452 #C34845 #BF3C39

#DB8D8D - #CD6160 - #BF3C39

CSS codes

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

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