#F4A460 - #452E1B | 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 #F4A460 to #452E1B

#F4A460 #452E1B

Calculate the color between two colors, #F4A460 and #452E1B. 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)

#F4A460 - #452E1B | 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 #F4A460 as 0% and #452E1B as 100%.

0.0%	0.0% #F4A460	RGB 244 164 96	#F4A460
16.7%	16.7% #D69054	RGB 214 144 84	#D69054
33.3%	33.3% #B97C49	RGB 185 124 73	#B97C49
50.0%	50.0% #9C693D	RGB 156 105 61	#9C693D
66.7%	66.7% #7F5532	RGB 127 85 50	#7F5532
83.3%	83.3% #624126	RGB 98 65 38	#624126
100.0%	100.0% #452E1B	RGB 69 46 27	#452E1B

#F4A460 #D69054 #B97C49 #9C693D #7F5532 #624126 #452E1B

#F4A460 - #452E1B

HSV Blend

#F4A460 - #452E1B | 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 #F4A460 as 0% and #452E1B as 100%.

0.0%	0.0% #F4A460	RGB 244 164 96	#F4A460
16.7%	16.7% #D69054	RGB 214 144 84	#D69054
33.3%	33.3% #B97C48	RGB 185 124 72	#B97C48
50.0%	50.0% #9C683D	RGB 156 104 61	#9C683D
66.7%	66.7% #7F5531	RGB 127 85 49	#7F5531
83.3%	83.3% #624126	RGB 98 65 38	#624126
100.0%	100.0% #452E1B	RGB 69 46 27	#452E1B

#F4A460 #D69054 #B97C48 #9C683D #7F5531 #624126 #452E1B

#F4A460 - #9C683D - #452E1B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #F4A460 0%, #9C683D 50%, #452E1B 100%);
    background: -webkit-linear-gradient(top, #F4A460 0%, #9C683D 50%, #452E1B 100%);
    background: linear-gradient(to bottom, #F4A460 0%, #9C683D 50%, #452E1B 100%);
}
</style>