#281414 - #704D46 | 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 #281414 to #704D46

#281414 #704D46

Calculate the color between two colors, #281414 and #704D46. 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)

#281414 - #704D46 | 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 #281414 as 0% and #704D46 as 100%.

0.0%	0.0% #281414	RGB 40 20 20	#281414
16.7%	16.7% #341D1C	RGB 52 29 28	#341D1C
33.3%	33.3% #402724	RGB 64 39 36	#402724
50.0%	50.0% #4C302D	RGB 76 48 45	#4C302D
66.7%	66.7% #583A35	RGB 88 58 53	#583A35
83.3%	83.3% #64433D	RGB 100 67 61	#64433D
100.0%	100.0% #704D46	RGB 112 77 70	#704D46

#281414 #341D1C #402724 #4C302D #583A35 #64433D #704D46

#281414 - #704D46

HSV Blend

#281414 - #704D46 | 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 #281414 as 0% and #704D46 as 100%.

0.0%	0.0% #281414	RGB 40 20 20	#281414
16.7%	16.7% #341B1B	RGB 52 27 27	#341B1B
33.3%	33.3% #402422	RGB 64 36 34	#402422
50.0%	50.0% #4C2D2A	RGB 76 45 42	#4C2D2A
66.7%	66.7% #583733	RGB 88 55 51	#583733
83.3%	83.3% #64413C	RGB 100 65 60	#64413C
100.0%	100.0% #704D46	RGB 112 77 70	#704D46

#281414 #341B1B #402422 #4C2D2A #583733 #64413C #704D46

#281414 - #4C2D2A - #704D46

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #281414 0%, #4C2D2A 50%, #704D46 100%);
    background: -webkit-linear-gradient(top, #281414 0%, #4C2D2A 50%, #704D46 100%);
    background: linear-gradient(to bottom, #281414 0%, #4C2D2A 50%, #704D46 100%);
}
</style>