#DC8C8C - #BF3B39 | 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 #DC8C8C to #BF3B39

#DC8C8C #BF3B39

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

#DC8C8C - #BF3B39 | 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 #DC8C8C as 0% and #BF3B39 as 100%.

0.0%	0.0% #DC8C8C	RGB 220 140 140	#DC8C8C
16.7%	16.7% #D77E7E	RGB 215 126 126	#D77E7E
33.3%	33.3% #D27170	RGB 210 113 112	#D27170
50.0%	50.0% #CD6362	RGB 205 99 98	#CD6362
66.7%	66.7% #C85654	RGB 200 86 84	#C85654
83.3%	83.3% #C34846	RGB 195 72 70	#C34846
100.0%	100.0% #BF3B39	RGB 191 59 57	#BF3B39

#DC8C8C #D77E7E #D27170 #CD6362 #C85654 #C34846 #BF3B39

#DC8C8C - #BF3B39

HSV Blend

#DC8C8C - #BF3B39 | 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 #DC8C8C as 0% and #BF3B39 as 100%.

0.0%	0.0% #DC8C8C	RGB 220 140 140	#DC8C8C
16.7%	16.7% #D77D7C	RGB 215 125 124	#D77D7C
33.3%	33.3% #D26E6E	RGB 210 110 110	#D26E6E
50.0%	50.0% #CD6060	RGB 205 96 96	#CD6060
66.7%	66.7% #C85352	RGB 200 83 82	#C85352
83.3%	83.3% #C34745	RGB 195 71 69	#C34745
100.0%	100.0% #BF3B39	RGB 191 59 57	#BF3B39

#DC8C8C #D77D7C #D26E6E #CD6060 #C85352 #C34745 #BF3B39

#DC8C8C - #CD6060 - #BF3B39

CSS codes

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

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