#FFB5A1 - #CD6D2C | 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 #FFB5A1 to #CD6D2C

#FFB5A1 #CD6D2C

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

#FFB5A1 - #CD6D2C | 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 #FFB5A1 as 0% and #CD6D2C as 100%.

0.0%	0.0% #FFB5A1	RGB 255 181 161	#FFB5A1
16.7%	16.7% #F6A98D	RGB 246 169 141	#F6A98D
33.3%	33.3% #EE9D7A	RGB 238 157 122	#EE9D7A
50.0%	50.0% #E69166	RGB 230 145 102	#E69166
66.7%	66.7% #DD8553	RGB 221 133 83	#DD8553
83.3%	83.3% #D5793F	RGB 213 121 63	#D5793F
100.0%	100.0% #CD6D2C	RGB 205 109 44	#CD6D2C

#FFB5A1 #F6A98D #EE9D7A #E69166 #DD8553 #D5793F #CD6D2C

#FFB5A1 - #CD6D2C

HSV Blend

#FFB5A1 - #CD6D2C | 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 #FFB5A1 as 0% and #CD6D2C as 100%.

0.0%	0.0% #FFB5A1	RGB 255 181 161	#FFB5A1
16.7%	16.7% #F6A58A	RGB 246 165 138	#F6A58A
33.3%	33.3% #EE9675	RGB 238 150 117	#EE9675
50.0%	50.0% #E68A61	RGB 230 138 97	#E68A61
66.7%	66.7% #DD7F4E	RGB 221 127 78	#DD7F4E
83.3%	83.3% #D5753C	RGB 213 117 60	#D5753C
100.0%	100.0% #CD6D2C	RGB 205 109 44	#CD6D2C

#FFB5A1 #F6A58A #EE9675 #E68A61 #DD7F4E #D5753C #CD6D2C

#FFB5A1 - #E68A61 - #CD6D2C

CSS codes

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

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