#FFB5A0 - #CD6D2B | 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 #FFB5A0 to #CD6D2B

#FFB5A0 #CD6D2B

Calculate the color between two colors, #FFB5A0 and #CD6D2B. 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)

#FFB5A0 - #CD6D2B | 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 #FFB5A0 as 0% and #CD6D2B as 100%.

0.0%	0.0% #FFB5A0	RGB 255 181 160	#FFB5A0
16.7%	16.7% #F6A98C	RGB 246 169 140	#F6A98C
33.3%	33.3% #EE9D79	RGB 238 157 121	#EE9D79
50.0%	50.0% #E69165	RGB 230 145 101	#E69165
66.7%	66.7% #DD8552	RGB 221 133 82	#DD8552
83.3%	83.3% #D5793E	RGB 213 121 62	#D5793E
100.0%	100.0% #CD6D2B	RGB 205 109 43	#CD6D2B

#FFB5A0 #F6A98C #EE9D79 #E69165 #DD8552 #D5793E #CD6D2B

#FFB5A0 - #CD6D2B

HSV Blend

#FFB5A0 - #CD6D2B | 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 #FFB5A0 as 0% and #CD6D2B as 100%.

0.0%	0.0% #FFB5A0	RGB 255 181 160	#FFB5A0
16.7%	16.7% #F6A589	RGB 246 165 137	#F6A589
33.3%	33.3% #EE9674	RGB 238 150 116	#EE9674
50.0%	50.0% #E68A60	RGB 230 138 96	#E68A60
66.7%	66.7% #DD7F4D	RGB 221 127 77	#DD7F4D
83.3%	83.3% #D5753B	RGB 213 117 59	#D5753B
100.0%	100.0% #CD6D2B	RGB 205 109 43	#CD6D2B

#FFB5A0 #F6A589 #EE9674 #E68A60 #DD7F4D #D5753B #CD6D2B

#FFB5A0 - #E68A60 - #CD6D2B

CSS codes

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

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