#DB8F8F - #BF3E3B | 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 #DB8F8F to #BF3E3B

#DB8F8F #BF3E3B

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

#DB8F8F - #BF3E3B | 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 #DB8F8F as 0% and #BF3E3B as 100%.

0.0%	0.0% #DB8F8F	RGB 219 143 143	#DB8F8F
16.7%	16.7% #D68181	RGB 214 129 129	#D68181
33.3%	33.3% #D17473	RGB 209 116 115	#D17473
50.0%	50.0% #CD6665	RGB 205 102 101	#CD6665
66.7%	66.7% #C85957	RGB 200 89 87	#C85957
83.3%	83.3% #C34B49	RGB 195 75 73	#C34B49
100.0%	100.0% #BF3E3B	RGB 191 62 59	#BF3E3B

#DB8F8F #D68181 #D17473 #CD6665 #C85957 #C34B49 #BF3E3B

#DB8F8F - #BF3E3B

HSV Blend

#DB8F8F - #BF3E3B | 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 #DB8F8F as 0% and #BF3E3B as 100%.

0.0%	0.0% #DB8F8F	RGB 219 143 143	#DB8F8F
16.7%	16.7% #D67F7F	RGB 214 127 127	#D67F7F
33.3%	33.3% #D17170	RGB 209 113 112	#D17170
50.0%	50.0% #CD6362	RGB 205 99 98	#CD6362
66.7%	66.7% #C85654	RGB 200 86 84	#C85654
83.3%	83.3% #C34A47	RGB 195 74 71	#C34A47
100.0%	100.0% #BF3E3B	RGB 191 62 59	#BF3E3B

#DB8F8F #D67F7F #D17170 #CD6362 #C85654 #C34A47 #BF3E3B

#DB8F8F - #CD6362 - #BF3E3B

CSS codes

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

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