#FFB05E - #48321A | 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 #FFB05E to #48321A

#FFB05E #48321A

Calculate the color between two colors, #FFB05E and #48321A. 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)

#FFB05E - #48321A | 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 #FFB05E as 0% and #48321A as 100%.

0.0%	0.0% #FFB05E	RGB 255 176 94	#FFB05E
16.7%	16.7% #E09B52	RGB 224 155 82	#E09B52
33.3%	33.3% #C28647	RGB 194 134 71	#C28647
50.0%	50.0% #A3713C	RGB 163 113 60	#A3713C
66.7%	66.7% #845C30	RGB 132 92 48	#845C30
83.3%	83.3% #664725	RGB 102 71 37	#664725
100.0%	100.0% #48321A	RGB 72 50 26	#48321A

#FFB05E #E09B52 #C28647 #A3713C #845C30 #664725 #48321A

#FFB05E - #48321A

HSV Blend

#FFB05E - #48321A | 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 #FFB05E as 0% and #48321A as 100%.

0.0%	0.0% #FFB05D	RGB 255 176 93	#FFB05D
16.7%	16.7% #E09B52	RGB 224 155 82	#E09B52
33.3%	33.3% #C28647	RGB 194 134 71	#C28647
50.0%	50.0% #A3713B	RGB 163 113 59	#A3713B
66.7%	66.7% #845C30	RGB 132 92 48	#845C30
83.3%	83.3% #664725	RGB 102 71 37	#664725
100.0%	100.0% #48321A	RGB 72 50 26	#48321A

#FFB05D #E09B52 #C28647 #A3713B #845C30 #664725 #48321A

#FFB05E - #A3713B - #48321A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #FFB05D 0%, #A3713B 50%, #48321A 100%);
    background: -webkit-linear-gradient(top, #FFB05D 0%, #A3713B 50%, #48321A 100%);
    background: linear-gradient(to bottom, #FFB05D 0%, #A3713B 50%, #48321A 100%);
}
</style>