#FFC3A0 - #CD722B | 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 #FFC3A0 to #CD722B

#FFC3A0 #CD722B

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

#FFC3A0 - #CD722B | 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 #FFC3A0 as 0% and #CD722B as 100%.

0.0%	0.0% #FFC3A0	RGB 255 195 160	#FFC3A0
16.7%	16.7% #F6B58C	RGB 246 181 140	#F6B58C
33.3%	33.3% #EEA879	RGB 238 168 121	#EEA879
50.0%	50.0% #E69A65	RGB 230 154 101	#E69A65
66.7%	66.7% #DD8D52	RGB 221 141 82	#DD8D52
83.3%	83.3% #D57F3E	RGB 213 127 62	#D57F3E
100.0%	100.0% #CD722B	RGB 205 114 43	#CD722B

#FFC3A0 #F6B58C #EEA879 #E69A65 #DD8D52 #D57F3E #CD722B

#FFC3A0 - #CD722B

HSV Blend

#FFC3A0 - #CD722B | 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 #FFC3A0 as 0% and #CD722B as 100%.

0.0%	0.0% #FFC3A0	RGB 255 195 160	#FFC3A0
16.7%	16.7% #F6B389	RGB 246 179 137	#F6B389
33.3%	33.3% #EEA474	RGB 238 164 116	#EEA474
50.0%	50.0% #E69660	RGB 230 150 96	#E69660
66.7%	66.7% #DD894D	RGB 221 137 77	#DD894D
83.3%	83.3% #D57D3B	RGB 213 125 59	#D57D3B
100.0%	100.0% #CD722B	RGB 205 114 43	#CD722B

#FFC3A0 #F6B389 #EEA474 #E69660 #DD894D #D57D3B #CD722B

#FFC3A0 - #E69660 - #CD722B

CSS codes

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

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