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

#DFB162 #BA751D

Calculate the color between two colors, #DFB162 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)

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

0.0%	0.0% #DFB162	RGB 223 177 98	#DFB162
16.7%	16.7% #D8A756	RGB 216 167 86	#D8A756
33.3%	33.3% #D29D4B	RGB 210 157 75	#D29D4B
50.0%	50.0% #CC933F	RGB 204 147 63	#CC933F
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

#DFB162 #D8A756 #D29D4B #CC933F #C68934 #C07F28 #BA751D

#DFB162 - #BA751D

HSV Blend

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

0.0%	0.0% #DFB162	RGB 223 177 98	#DFB162
16.7%	16.7% #D8A655	RGB 216 166 85	#D8A655
33.3%	33.3% #D29C48	RGB 210 156 72	#D29C48
50.0%	50.0% #CC923C	RGB 204 146 60	#CC923C
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

#DFB162 #D8A655 #D29C48 #CC923C #C68831 #C07E27 #BA751D

#DFB162 - #CC923C - #BA751D

CSS codes

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

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