#281510 - #704D3E | 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 #281510 to #704D3E

#281510 #704D3E

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

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

0.0%	0.0% #281510	RGB 40 21 16	#281510
16.7%	16.7% #341E17	RGB 52 30 23	#341E17
33.3%	33.3% #40271F	RGB 64 39 31	#40271F
50.0%	50.0% #4C3127	RGB 76 49 39	#4C3127
66.7%	66.7% #583A2E	RGB 88 58 46	#583A2E
83.3%	83.3% #644336	RGB 100 67 54	#644336
100.0%	100.0% #704D3E	RGB 112 77 62	#704D3E

#281510 #341E17 #40271F #4C3127 #583A2E #644336 #704D3E

#281510 - #704D3E

HSV Blend

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

0.0%	0.0% #281510	RGB 40 21 16	#281510
16.7%	16.7% #341C16	RGB 52 28 22	#341C16
33.3%	33.3% #40251C	RGB 64 37 28	#40251C
50.0%	50.0% #4C2E24	RGB 76 46 36	#4C2E24
66.7%	66.7% #58382C	RGB 88 56 44	#58382C
83.3%	83.3% #644234	RGB 100 66 52	#644234
100.0%	100.0% #704D3E	RGB 112 77 62	#704D3E

#281510 #341C16 #40251C #4C2E24 #58382C #644234 #704D3E

#281510 - #4C2E24 - #704D3E

CSS codes

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

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