#C16C2D - #FEB142 | 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 #C16C2D to #FEB142

#C16C2D #FEB142

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

#C16C2D - #FEB142 | 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 #C16C2D as 0% and #FEB142 as 100%.

0.0%	0.0% #C16C2D	RGB 193 108 45	#C16C2D
16.7%	16.7% #CB7730	RGB 203 119 48	#CB7730
33.3%	33.3% #D58334	RGB 213 131 52	#D58334
50.0%	50.0% #DF8E37	RGB 223 142 55	#DF8E37
66.7%	66.7% #E99A3B	RGB 233 154 59	#E99A3B
83.3%	83.3% #F3A53E	RGB 243 165 62	#F3A53E
100.0%	100.0% #FEB142	RGB 254 177 66	#FEB142

#C16C2D #CB7730 #D58334 #DF8E37 #E99A3B #F3A53E #FEB142

#C16C2D - #FEB142

HSV Blend

#C16C2D - #FEB142 | 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 #C16C2D as 0% and #FEB142 as 100%.

0.0%	0.0% #C16C2D	RGB 193 108 45	#C16C2D
16.7%	16.7% #CB7630	RGB 203 118 48	#CB7630
33.3%	33.3% #D58133	RGB 213 129 51	#D58133
50.0%	50.0% #DF8C37	RGB 223 140 55	#DF8C37
66.7%	66.7% #E9983A	RGB 233 152 58	#E9983A
83.3%	83.3% #F3A43E	RGB 243 164 62	#F3A43E
100.0%	100.0% #FEB142	RGB 254 177 66	#FEB142

#C16C2D #CB7630 #D58133 #DF8C37 #E9983A #F3A43E #FEB142

#C16C2D - #DF8C37 - #FEB142

CSS codes

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

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