#382B05 - #946625 | 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 #382B05 to #946625

#382B05 #946625

Calculate the color between two colors, #382B05 and #946625. 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)

#382B05 - #946625 | 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 #382B05 as 0% and #946625 as 100%.

0.0%	0.0% #382B05	RGB 56 43 5	#382B05
16.7%	16.7% #47340A	RGB 71 52 10	#47340A
33.3%	33.3% #563E0F	RGB 86 62 15	#563E0F
50.0%	50.0% #664815	RGB 102 72 21	#664815
66.7%	66.7% #75521A	RGB 117 82 26	#75521A
83.3%	83.3% #845C1F	RGB 132 92 31	#845C1F
100.0%	100.0% #946625	RGB 148 102 37	#946625

#382B05 #47340A #563E0F #664815 #75521A #845C1F #946625

#382B05 - #946625

HSV Blend

#382B05 - #946625 | 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 #382B05 as 0% and #946625 as 100%.

0.0%	0.0% #382B05	RGB 56 43 5	#382B05
16.7%	16.7% #473508	RGB 71 53 8	#473508
33.3%	33.3% #563F0C	RGB 86 63 12	#563F0C
50.0%	50.0% #664911	RGB 102 73 17	#664911
66.7%	66.7% #755317	RGB 117 83 23	#755317
83.3%	83.3% #845C1D	RGB 132 92 29	#845C1D
100.0%	100.0% #946625	RGB 148 102 37	#946625

#382B05 #473508 #563F0C #664911 #755317 #845C1D #946625

#382B05 - #664911 - #946625

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #382B05 0%, #664911 50%, #946625 100%);
    background: -webkit-linear-gradient(top, #382B05 0%, #664911 50%, #946625 100%);
    background: linear-gradient(to bottom, #382B05 0%, #664911 50%, #946625 100%);
}
</style>