#FFBDA0 - #CD6E2B | 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 #FFBDA0 to #CD6E2B

#FFBDA0 #CD6E2B

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

#FFBDA0 - #CD6E2B | 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 #FFBDA0 as 0% and #CD6E2B as 100%.

0.0%	0.0% #FFBDA0	RGB 255 189 160	#FFBDA0
16.7%	16.7% #F6AF8C	RGB 246 175 140	#F6AF8C
33.3%	33.3% #EEA279	RGB 238 162 121	#EEA279
50.0%	50.0% #E69565	RGB 230 149 101	#E69565
66.7%	66.7% #DD8852	RGB 221 136 82	#DD8852
83.3%	83.3% #D57B3E	RGB 213 123 62	#D57B3E
100.0%	100.0% #CD6E2B	RGB 205 110 43	#CD6E2B

#FFBDA0 #F6AF8C #EEA279 #E69565 #DD8852 #D57B3E #CD6E2B

#FFBDA0 - #CD6E2B

HSV Blend

#FFBDA0 - #CD6E2B | 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 #FFBDA0 as 0% and #CD6E2B as 100%.

0.0%	0.0% #FFBDA0	RGB 255 189 160	#FFBDA0
16.7%	16.7% #F6AC89	RGB 246 172 137	#F6AC89
33.3%	33.3% #EE9D74	RGB 238 157 116	#EE9D74
50.0%	50.0% #E69060	RGB 230 144 96	#E69060
66.7%	66.7% #DD834D	RGB 221 131 77	#DD834D
83.3%	83.3% #D5783B	RGB 213 120 59	#D5783B
100.0%	100.0% #CD6E2B	RGB 205 110 43	#CD6E2B

#FFBDA0 #F6AC89 #EE9D74 #E69060 #DD834D #D5783B #CD6E2B

#FFBDA0 - #E69060 - #CD6E2B

CSS codes

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

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