#B0693E - #812F10 | 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 #B0693E to #812F10

#B0693E #812F10

Calculate the color between two colors, #B0693E and #812F10. 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)

#B0693E - #812F10 | 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 #B0693E as 0% and #812F10 as 100%.

0.0%	0.0% #B0693E	RGB 176 105 62	#B0693E
16.7%	16.7% #A85F36	RGB 168 95 54	#A85F36
33.3%	33.3% #A0552E	RGB 160 85 46	#A0552E
50.0%	50.0% #984C27	RGB 152 76 39	#984C27
66.7%	66.7% #90421F	RGB 144 66 31	#90421F
83.3%	83.3% #883817	RGB 136 56 23	#883817
100.0%	100.0% #812F10	RGB 129 47 16	#812F10

#B0693E #A85F36 #A0552E #984C27 #90421F #883817 #812F10

#B0693E - #812F10

HSV Blend

#B0693E - #812F10 | 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 #B0693E as 0% and #812F10 as 100%.

0.0%	0.0% #B0693E	RGB 176 105 62	#B0693E
16.7%	16.7% #A85E34	RGB 168 94 52	#A85E34
33.3%	33.3% #A0542C	RGB 160 84 44	#A0542C
50.0%	50.0% #984A24	RGB 152 74 36	#984A24
66.7%	66.7% #90401C	RGB 144 64 28	#90401C
83.3%	83.3% #883716	RGB 136 55 22	#883716
100.0%	100.0% #812F10	RGB 129 47 16	#812F10

#B0693E #A85E34 #A0542C #984A24 #90401C #883716 #812F10

#B0693E - #984A24 - #812F10

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0693E 0%, #984A24 50%, #812F10 100%);
    background: -webkit-linear-gradient(top, #B0693E 0%, #984A24 50%, #812F10 100%);
    background: linear-gradient(to bottom, #B0693E 0%, #984A24 50%, #812F10 100%);
}
</style>