#DF863C - #A95B0F | 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 #DF863C to #A95B0F

#DF863C #A95B0F

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

#DF863C - #A95B0F | 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 #DF863C as 0% and #A95B0F as 100%.

0.0%	0.0% #DF863C	RGB 223 134 60	#DF863C
16.7%	16.7% #D67E34	RGB 214 126 52	#D67E34
33.3%	33.3% #CD772D	RGB 205 119 45	#CD772D
50.0%	50.0% #C47025	RGB 196 112 37	#C47025
66.7%	66.7% #BB691E	RGB 187 105 30	#BB691E
83.3%	83.3% #B26216	RGB 178 98 22	#B26216
100.0%	100.0% #A95B0F	RGB 169 91 15	#A95B0F

#DF863C #D67E34 #CD772D #C47025 #BB691E #B26216 #A95B0F

#DF863C - #A95B0F

HSV Blend

#DF863C - #A95B0F | 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 #DF863C as 0% and #A95B0F as 100%.

0.0%	0.0% #DF863C	RGB 223 134 60	#DF863C
16.7%	16.7% #D67E33	RGB 214 126 51	#D67E33
33.3%	33.3% #CD762A	RGB 205 118 42	#CD762A
50.0%	50.0% #C46F23	RGB 196 111 35	#C46F23
66.7%	66.7% #BB681B	RGB 187 104 27	#BB681B
83.3%	83.3% #B26115	RGB 178 97 21	#B26115
100.0%	100.0% #A95B0F	RGB 169 91 15	#A95B0F

#DF863C #D67E33 #CD762A #C46F23 #BB681B #B26115 #A95B0F

#DF863C - #C46F23 - #A95B0F

CSS codes

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

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