#474648 - #D88C5E | 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 #474648 to #D88C5E

#474648 #D88C5E

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

#474648 - #D88C5E | 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 #474648 as 0% and #D88C5E as 100%.

0.0%	0.0% #474648	RGB 71 70 72	#474648
16.7%	16.7% #5F514B	RGB 95 81 75	#5F514B
33.3%	33.3% #775D4F	RGB 119 93 79	#775D4F
50.0%	50.0% #8F6953	RGB 143 105 83	#8F6953
66.7%	66.7% #A77456	RGB 167 116 86	#A77456
83.3%	83.3% #BF805A	RGB 191 128 90	#BF805A
100.0%	100.0% #D88C5E	RGB 216 140 94	#D88C5E

#474648 #5F514B #775D4F #8F6953 #A77456 #BF805A #D88C5E

#474648 - #D88C5E

HSV Blend

#474648 - #D88C5E | 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 #474648 as 0% and #D88C5E as 100%.

0.0%	0.0% #474648	RGB 71 70 72	#474648
16.7%	16.7% #5D5460	RGB 93 84 96	#5D5460
33.3%	33.3% #785F74	RGB 120 95 116	#785F74
50.0%	50.0% #90657D	RGB 144 101 125	#90657D
66.7%	66.7% #A86777	RGB 168 103 119	#A86777
83.3%	83.3% #C06A64	RGB 192 106 100	#C06A64
100.0%	100.0% #D88C5E	RGB 216 140 94	#D88C5E

#474648 #5D5460 #785F74 #90657D #A86777 #C06A64 #D88C5E

#474648 - #90657D - #D88C5E

CSS codes

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

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