#D36700 - #705715 | 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 #D36700 to #705715

#D36700 #705715

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

#D36700 - #705715 | 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 #D36700 as 0% and #705715 as 100%.

0.0%	0.0% #D36700	RGB 211 103 0	#D36700
16.7%	16.7% #C26403	RGB 194 100 3	#C26403
33.3%	33.3% #B26107	RGB 178 97 7	#B26107
50.0%	50.0% #A15F0A	RGB 161 95 10	#A15F0A
66.7%	66.7% #915C0E	RGB 145 92 14	#915C0E
83.3%	83.3% #805911	RGB 128 89 17	#805911
100.0%	100.0% #705715	RGB 112 87 21	#705715

#D36700 #C26403 #B26107 #A15F0A #915C0E #805911 #705715

#D36700 - #705715

HSV Blend

#D36700 - #705715 | 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 #D36700 as 0% and #705715 as 100%.

0.0%	0.0% #D36700	RGB 211 103 0	#D36700
16.7%	16.7% #C26906	RGB 194 105 6	#C26906
33.3%	33.3% #B2690B	RGB 178 105 11	#B2690B
50.0%	50.0% #A1670F	RGB 161 103 15	#A1670F
66.7%	66.7% #916412	RGB 145 100 18	#916412
83.3%	83.3% #805E14	RGB 128 94 20	#805E14
100.0%	100.0% #705715	RGB 112 87 21	#705715

#D36700 #C26906 #B2690B #A1670F #916412 #805E14 #705715

#D36700 - #A1670F - #705715

CSS codes

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

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