#453E3E - #36280C | 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 #453E3E to #36280C

#453E3E #36280C

Calculate the color between two colors, #453E3E and #36280C. 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)

#453E3E - #36280C | 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 #453E3E as 0% and #36280C as 100%.

0.0%	0.0% #453E3E	RGB 69 62 62	#453E3E
16.7%	16.7% #423A35	RGB 66 58 53	#423A35
33.3%	33.3% #40362D	RGB 64 54 45	#40362D
50.0%	50.0% #3D3325	RGB 61 51 37	#3D3325
66.7%	66.7% #3B2F1C	RGB 59 47 28	#3B2F1C
83.3%	83.3% #382B14	RGB 56 43 20	#382B14
100.0%	100.0% #36280C	RGB 54 40 12	#36280C

#453E3E #423A35 #40362D #3D3325 #3B2F1C #382B14 #36280C

#453E3E - #36280C

HSV Blend

#453E3E - #36280C | 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 #453E3E as 0% and #36280C as 100%.

0.0%	0.0% #453E3E	RGB 69 62 62	#453E3E
16.7%	16.7% #423534	RGB 66 53 52	#423534
33.3%	33.3% #402F2B	RGB 64 47 43	#402F2B
50.0%	50.0% #3D2B22	RGB 61 43 34	#3D2B22
66.7%	66.7% #3B281A	RGB 59 40 26	#3B281A
83.3%	83.3% #382712	RGB 56 39 18	#382712
100.0%	100.0% #36280C	RGB 54 40 12	#36280C

#453E3E #423534 #402F2B #3D2B22 #3B281A #382712 #36280C

#453E3E - #3D2B22 - #36280C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #453E3E 0%, #3D2B22 50%, #36280C 100%);
    background: -webkit-linear-gradient(top, #453E3E 0%, #3D2B22 50%, #36280C 100%);
    background: linear-gradient(to bottom, #453E3E 0%, #3D2B22 50%, #36280C 100%);
}
</style>