#CC9D3C - #FEFBAA | 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 #CC9D3C to #FEFBAA

#CC9D3C #FEFBAA

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

#CC9D3C - #FEFBAA | 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 #CC9D3C as 0% and #FEFBAA as 100%.

0.0%	0.0% #CC9D3C	RGB 204 157 60	#CC9D3C
16.7%	16.7% #D4AC4E	RGB 212 172 78	#D4AC4E
33.3%	33.3% #DCBC60	RGB 220 188 96	#DCBC60
50.0%	50.0% #E5CC73	RGB 229 204 115	#E5CC73
66.7%	66.7% #EDDB85	RGB 237 219 133	#EDDB85
83.3%	83.3% #F5EB97	RGB 245 235 151	#F5EB97
100.0%	100.0% #FEFBAA	RGB 254 251 170	#FEFBAA

#CC9D3C #D4AC4E #DCBC60 #E5CC73 #EDDB85 #F5EB97 #FEFBAA

#CC9D3C - #FEFBAA

HSV Blend

#CC9D3C - #FEFBAA | 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 #CC9D3C as 0% and #FEFBAA as 100%.

0.0%	0.0% #CC9D3C	RGB 204 157 60	#CC9D3C
16.7%	16.7% #D4AE4B	RGB 212 174 75	#D4AE4B
33.3%	33.3% #DCBF5C	RGB 220 191 92	#DCBF5C
50.0%	50.0% #E5CF6E	RGB 229 207 110	#E5CF6E
66.7%	66.7% #EDDE81	RGB 237 222 129	#EDDE81
83.3%	83.3% #F5ED95	RGB 245 237 149	#F5ED95
100.0%	100.0% #FEFBAA	RGB 254 251 170	#FEFBAA

#CC9D3C #D4AE4B #DCBF5C #E5CF6E #EDDE81 #F5ED95 #FEFBAA

#CC9D3C - #E5CF6E - #FEFBAA

CSS codes

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

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