#DF7B7B - #BD2D2C | 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 #DF7B7B to #BD2D2C

#DF7B7B #BD2D2C

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

#DF7B7B - #BD2D2C | 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 #DF7B7B as 0% and #BD2D2C as 100%.

0.0%	0.0% #DF7B7B	RGB 223 123 123	#DF7B7B
16.7%	16.7% #D96E6D	RGB 217 110 109	#D96E6D
33.3%	33.3% #D36160	RGB 211 97 96	#D36160
50.0%	50.0% #CE5453	RGB 206 84 83	#CE5453
66.7%	66.7% #C84746	RGB 200 71 70	#C84746
83.3%	83.3% #C23A39	RGB 194 58 57	#C23A39
100.0%	100.0% #BD2D2C	RGB 189 45 44	#BD2D2C

#DF7B7B #D96E6D #D36160 #CE5453 #C84746 #C23A39 #BD2D2C

#DF7B7B - #BD2D2C

HSV Blend

#DF7B7B - #BD2D2C | 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 #DF7B7B as 0% and #BD2D2C as 100%.

0.0%	0.0% #DF7B7B	RGB 223 123 123	#DF7B7B
16.7%	16.7% #D96C6C	RGB 217 108 108	#D96C6C
33.3%	33.3% #D35E5E	RGB 211 94 94	#D35E5E
50.0%	50.0% #CE5150	RGB 206 81 80	#CE5150
66.7%	66.7% #C84443	RGB 200 68 67	#C84443
83.3%	83.3% #C23837	RGB 194 56 55	#C23837
100.0%	100.0% #BD2D2C	RGB 189 45 44	#BD2D2C

#DF7B7B #D96C6C #D35E5E #CE5150 #C84443 #C23837 #BD2D2C

#DF7B7B - #CE5150 - #BD2D2C

CSS codes

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

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