#C06F39 - #FEB551 | 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 #C06F39 to #FEB551

#C06F39 #FEB551

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

#C06F39 - #FEB551 | 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 #C06F39 as 0% and #FEB551 as 100%.

0.0%	0.0% #C06F39	RGB 192 111 57	#C06F39
16.7%	16.7% #CA7A3D	RGB 202 122 61	#CA7A3D
33.3%	33.3% #D48641	RGB 212 134 65	#D48641
50.0%	50.0% #DF9245	RGB 223 146 69	#DF9245
66.7%	66.7% #E99D49	RGB 233 157 73	#E99D49
83.3%	83.3% #F3A94D	RGB 243 169 77	#F3A94D
100.0%	100.0% #FEB551	RGB 254 181 81	#FEB551

#C06F39 #CA7A3D #D48641 #DF9245 #E99D49 #F3A94D #FEB551

#C06F39 - #FEB551

HSV Blend

#C06F39 - #FEB551 | 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 #C06F39 as 0% and #FEB551 as 100%.

0.0%	0.0% #C06F39	RGB 192 111 57	#C06F39
16.7%	16.7% #CA793C	RGB 202 121 60	#CA793C
33.3%	33.3% #D48440	RGB 212 132 64	#D48440
50.0%	50.0% #DF9044	RGB 223 144 68	#DF9044
66.7%	66.7% #E99C48	RGB 233 156 72	#E99C48
83.3%	83.3% #F3A84C	RGB 243 168 76	#F3A84C
100.0%	100.0% #FEB551	RGB 254 181 81	#FEB551

#C06F39 #CA793C #D48440 #DF9044 #E99C48 #F3A84C #FEB551

#C06F39 - #DF9044 - #FEB551

CSS codes

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

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