#C37C5E - #FDD77C | 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 #C37C5E to #FDD77C

#C37C5E #FDD77C

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

#C37C5E - #FDD77C | 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 #C37C5E as 0% and #FDD77C as 100%.

0.0%	0.0% #C37C5E	RGB 195 124 94	#C37C5E
16.7%	16.7% #CC8B63	RGB 204 139 99	#CC8B63
33.3%	33.3% #D69A68	RGB 214 154 104	#D69A68
50.0%	50.0% #E0A96D	RGB 224 169 109	#E0A96D
66.7%	66.7% #E9B872	RGB 233 184 114	#E9B872
83.3%	83.3% #F3C777	RGB 243 199 119	#F3C777
100.0%	100.0% #FDD77C	RGB 253 215 124	#FDD77C

#C37C5E #CC8B63 #D69A68 #E0A96D #E9B872 #F3C777 #FDD77C

#C37C5E - #FDD77C

HSV Blend

#C37C5E - #FDD77C | 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 #C37C5E as 0% and #FDD77C as 100%.

0.0%	0.0% #C37C5E	RGB 195 124 94	#C37C5E
16.7%	16.7% #CC8962	RGB 204 137 98	#CC8962
33.3%	33.3% #D69767	RGB 214 151 103	#D69767
50.0%	50.0% #E0A66C	RGB 224 166 108	#E0A66C
66.7%	66.7% #E9B671	RGB 233 182 113	#E9B671
83.3%	83.3% #F3C676	RGB 243 198 118	#F3C676
100.0%	100.0% #FDD77C	RGB 253 215 124	#FDD77C

#C37C5E #CC8962 #D69767 #E0A66C #E9B671 #F3C676 #FDD77C

#C37C5E - #E0A66C - #FDD77C

CSS codes

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

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