#CC5E1D - #FEA52B | 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 #CC5E1D to #FEA52B

#CC5E1D #FEA52B

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

#CC5E1D - #FEA52B | 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 #CC5E1D as 0% and #FEA52B as 100%.

0.0%	0.0% #CC5E1D	RGB 204 94 29	#CC5E1D
16.7%	16.7% #D4691F	RGB 212 105 31	#D4691F
33.3%	33.3% #DC7521	RGB 220 117 33	#DC7521
50.0%	50.0% #E58124	RGB 229 129 36	#E58124
66.7%	66.7% #ED8D26	RGB 237 141 38	#ED8D26
83.3%	83.3% #F59928	RGB 245 153 40	#F59928
100.0%	100.0% #FEA52B	RGB 254 165 43	#FEA52B

#CC5E1D #D4691F #DC7521 #E58124 #ED8D26 #F59928 #FEA52B

#CC5E1D - #FEA52B

HSV Blend

#CC5E1D - #FEA52B | 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 #CC5E1D as 0% and #FEA52B as 100%.

0.0%	0.0% #CC5D1C	RGB 204 93 28	#CC5D1C
16.7%	16.7% #D4681F	RGB 212 104 31	#D4681F
33.3%	33.3% #DC7321	RGB 220 115 33	#DC7321
50.0%	50.0% #E57F23	RGB 229 127 35	#E57F23
66.7%	66.7% #ED8B26	RGB 237 139 38	#ED8B26
83.3%	83.3% #F59828	RGB 245 152 40	#F59828
100.0%	100.0% #FEA52B	RGB 254 165 43	#FEA52B

#CC5D1C #D4681F #DC7321 #E57F23 #ED8B26 #F59828 #FEA52B

#CC5E1D - #E57F23 - #FEA52B

CSS codes

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

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