#C66936 - #FEB14C | 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 #C66936 to #FEB14C

#C66936 #FEB14C

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

#C66936 - #FEB14C | 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 #C66936 as 0% and #FEB14C as 100%.

0.0%	0.0% #C66936	RGB 198 105 54	#C66936
16.7%	16.7% #CF7539	RGB 207 117 57	#CF7539
33.3%	33.3% #D8813D	RGB 216 129 61	#D8813D
50.0%	50.0% #E28D41	RGB 226 141 65	#E28D41
66.7%	66.7% #EB9944	RGB 235 153 68	#EB9944
83.3%	83.3% #F4A548	RGB 244 165 72	#F4A548
100.0%	100.0% #FEB14C	RGB 254 177 76	#FEB14C

#C66936 #CF7539 #D8813D #E28D41 #EB9944 #F4A548 #FEB14C

#C66936 - #FEB14C

HSV Blend

#C66936 - #FEB14C | 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 #C66936 as 0% and #FEB14C as 100%.

0.0%	0.0% #C66936	RGB 198 105 54	#C66936
16.7%	16.7% #CF7339	RGB 207 115 57	#CF7339
33.3%	33.3% #D87F3D	RGB 216 127 61	#D87F3D
50.0%	50.0% #E28A40	RGB 226 138 64	#E28A40
66.7%	66.7% #EB9744	RGB 235 151 68	#EB9744
83.3%	83.3% #F4A348	RGB 244 163 72	#F4A348
100.0%	100.0% #FEB14C	RGB 254 177 76	#FEB14C

#C66936 #CF7339 #D87F3D #E28A40 #EB9744 #F4A348 #FEB14C

#C66936 - #E28A40 - #FEB14C

CSS codes

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

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