#CF632D - #FEAC3F | 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 #CF632D to #FEAC3F

#CF632D #FEAC3F

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

#CF632D - #FEAC3F | 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 #CF632D as 0% and #FEAC3F as 100%.

0.0%	0.0% #CF632D	RGB 207 99 45	#CF632D
16.7%	16.7% #D66F30	RGB 214 111 48	#D66F30
33.3%	33.3% #DE7B33	RGB 222 123 51	#DE7B33
50.0%	50.0% #E68736	RGB 230 135 54	#E68736
66.7%	66.7% #EE9339	RGB 238 147 57	#EE9339
83.3%	83.3% #F69F3C	RGB 246 159 60	#F69F3C
100.0%	100.0% #FEAC3F	RGB 254 172 63	#FEAC3F

#CF632D #D66F30 #DE7B33 #E68736 #EE9339 #F69F3C #FEAC3F

#CF632D - #FEAC3F

HSV Blend

#CF632D - #FEAC3F | 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 #CF632D as 0% and #FEAC3F as 100%.

0.0%	0.0% #CF632D	RGB 207 99 45	#CF632D
16.7%	16.7% #D66E2F	RGB 214 110 47	#D66E2F
33.3%	33.3% #DE7932	RGB 222 121 50	#DE7932
50.0%	50.0% #E68535	RGB 230 133 53	#E68535
66.7%	66.7% #EE9138	RGB 238 145 56	#EE9138
83.3%	83.3% #F69E3B	RGB 246 158 59	#F69E3B
100.0%	100.0% #FEAC3F	RGB 254 172 63	#FEAC3F

#CF632D #D66E2F #DE7932 #E68535 #EE9138 #F69E3B #FEAC3F

#CF632D - #E68535 - #FEAC3F

CSS codes

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

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