#56475C - #DF8C6C | 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 #56475C to #DF8C6C

#56475C #DF8C6C

Calculate the color between two colors, #56475C and #DF8C6C. 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)

#56475C - #DF8C6C | 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 #56475C as 0% and #DF8C6C as 100%.

0.0%	0.0% #56475C	RGB 86 71 92	#56475C
16.7%	16.7% #6C525E	RGB 108 82 94	#6C525E
33.3%	33.3% #835E61	RGB 131 94 97	#835E61
50.0%	50.0% #9A6964	RGB 154 105 100	#9A6964
66.7%	66.7% #B17566	RGB 177 117 102	#B17566
83.3%	83.3% #C88069	RGB 200 128 105	#C88069
100.0%	100.0% #DF8C6C	RGB 223 140 108	#DF8C6C

#56475C #6C525E #835E61 #9A6964 #B17566 #C88069 #DF8C6C

#56475C - #DF8C6C

HSV Blend

#56475C - #DF8C6C | 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 #56475C as 0% and #DF8C6C as 100%.

0.0%	0.0% #56475C	RGB 86 71 92	#56475C
16.7%	16.7% #715271	RGB 113 82 113	#715271
33.3%	33.3% #875B7D	RGB 135 91 125	#875B7D
50.0%	50.0% #9D6280	RGB 157 98 128	#9D6280
66.7%	66.7% #B3687A	RGB 179 104 122	#B3687A
83.3%	83.3% #C96C6B	RGB 201 108 107	#C96C6B
100.0%	100.0% #DF8C6C	RGB 223 140 108	#DF8C6C

#56475C #715271 #875B7D #9D6280 #B3687A #C96C6B #DF8C6C

#56475C - #9D6280 - #DF8C6C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #56475C 0%, #9D6280 50%, #DF8C6C 100%);
    background: -webkit-linear-gradient(top, #56475C 0%, #9D6280 50%, #DF8C6C 100%);
    background: linear-gradient(to bottom, #56475C 0%, #9D6280 50%, #DF8C6C 100%);
}
</style>