#DFB163 - #BA751D | 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 #DFB163 to #BA751D

#DFB163 #BA751D

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

#DFB163 - #BA751D | 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 #DFB163 as 0% and #BA751D as 100%.

0.0%	0.0% #DFB163	RGB 223 177 99	#DFB163
16.7%	16.7% #D8A757	RGB 216 167 87	#D8A757
33.3%	33.3% #D29D4B	RGB 210 157 75	#D29D4B
50.0%	50.0% #CC9340	RGB 204 147 64	#CC9340
66.7%	66.7% #C68934	RGB 198 137 52	#C68934
83.3%	83.3% #C07F28	RGB 192 127 40	#C07F28
100.0%	100.0% #BA751D	RGB 186 117 29	#BA751D

#DFB163 #D8A757 #D29D4B #CC9340 #C68934 #C07F28 #BA751D

#DFB163 - #BA751D

HSV Blend

#DFB163 - #BA751D | 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 #DFB163 as 0% and #BA751D as 100%.

0.0%	0.0% #DFB163	RGB 223 177 99	#DFB163
16.7%	16.7% #D8A655	RGB 216 166 85	#D8A655
33.3%	33.3% #D29C49	RGB 210 156 73	#D29C49
50.0%	50.0% #CC923D	RGB 204 146 61	#CC923D
66.7%	66.7% #C68831	RGB 198 136 49	#C68831
83.3%	83.3% #C07E27	RGB 192 126 39	#C07E27
100.0%	100.0% #BA751D	RGB 186 117 29	#BA751D

#DFB163 #D8A655 #D29C49 #CC923D #C68831 #C07E27 #BA751D

#DFB163 - #CC923D - #BA751D

CSS codes

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

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