#DF9A6B - #BD5422 | 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 #DF9A6B to #BD5422

#DF9A6B #BD5422

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

#DF9A6B - #BD5422 | 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 #DF9A6B as 0% and #BD5422 as 100%.

0.0%	0.0% #DF9A6B	RGB 223 154 107	#DF9A6B
16.7%	16.7% #D98E5E	RGB 217 142 94	#D98E5E
33.3%	33.3% #D38252	RGB 211 130 82	#D38252
50.0%	50.0% #CE7746	RGB 206 119 70	#CE7746
66.7%	66.7% #C86B3A	RGB 200 107 58	#C86B3A
83.3%	83.3% #C25F2E	RGB 194 95 46	#C25F2E
100.0%	100.0% #BD5422	RGB 189 84 34	#BD5422

#DF9A6B #D98E5E #D38252 #CE7746 #C86B3A #C25F2E #BD5422

#DF9A6B - #BD5422

HSV Blend

#DF9A6B - #BD5422 | 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 #DF9A6B as 0% and #BD5422 as 100%.

0.0%	0.0% #DF9A6B	RGB 223 154 107	#DF9A6B
16.7%	16.7% #D98D5D	RGB 217 141 93	#D98D5D
33.3%	33.3% #D38150	RGB 211 129 80	#D38150
50.0%	50.0% #CE7643	RGB 206 118 67	#CE7643
66.7%	66.7% #C86A38	RGB 200 106 56	#C86A38
83.3%	83.3% #C25F2C	RGB 194 95 44	#C25F2C
100.0%	100.0% #BD5422	RGB 189 84 34	#BD5422

#DF9A6B #D98D5D #D38150 #CE7643 #C86A38 #C25F2C #BD5422

#DF9A6B - #CE7643 - #BD5422

CSS codes

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

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