#33261F - #8D664C | 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 #33261F to #8D664C

#33261F #8D664C

Calculate the color between two colors, #33261F and #8D664C. 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)

#33261F - #8D664C | 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 #33261F as 0% and #8D664C as 100%.

0.0%	0.0% #33261F	RGB 51 38 31	#33261F
16.7%	16.7% #423026	RGB 66 48 38	#423026
33.3%	33.3% #513B2E	RGB 81 59 46	#513B2E
50.0%	50.0% #604635	RGB 96 70 53	#604635
66.7%	66.7% #6F503D	RGB 111 80 61	#6F503D
83.3%	83.3% #7E5B44	RGB 126 91 68	#7E5B44
100.0%	100.0% #8D664C	RGB 141 102 76	#8D664C

#33261F #423026 #513B2E #604635 #6F503D #7E5B44 #8D664C

#33261F - #8D664C

HSV Blend

#33261F - #8D664C | 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 #33261F as 0% and #8D664C as 100%.

0.0%	0.0% #33261F	RGB 51 38 31	#33261F
16.7%	16.7% #423027	RGB 66 48 39	#423027
33.3%	33.3% #513B2F	RGB 81 59 47	#513B2F
50.0%	50.0% #604637	RGB 96 70 55	#604637
66.7%	66.7% #6F513E	RGB 111 81 62	#6F513E
83.3%	83.3% #7E5B45	RGB 126 91 69	#7E5B45
100.0%	100.0% #8D664C	RGB 141 102 76	#8D664C

#33261F #423027 #513B2F #604637 #6F513E #7E5B45 #8D664C

#33261F - #604637 - #8D664C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #33261F 0%, #604637 50%, #8D664C 100%);
    background: -webkit-linear-gradient(top, #33261F 0%, #604637 50%, #8D664C 100%);
    background: linear-gradient(to bottom, #33261F 0%, #604637 50%, #8D664C 100%);
}
</style>