#701A00 - #D6BDB6 | 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 #701A00 to #D6BDB6

#701A00 #D6BDB6

Calculate the color between two colors, #701A00 and #D6BDB6. 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)

#701A00 - #D6BDB6 | 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 #701A00 as 0% and #D6BDB6 as 100%.

0.0%	0.0% #701A00	RGB 112 26 0	#701A00
16.7%	16.7% #81351E	RGB 129 53 30	#81351E
33.3%	33.3% #92503C	RGB 146 80 60	#92503C
50.0%	50.0% #A36B5B	RGB 163 107 91	#A36B5B
66.7%	66.7% #B48679	RGB 180 134 121	#B48679
83.3%	83.3% #C5A197	RGB 197 161 151	#C5A197
100.0%	100.0% #D6BDB6	RGB 214 189 182	#D6BDB6

#701A00 #81351E #92503C #A36B5B #B48679 #C5A197 #D6BDB6

#701A00 - #D6BDB6

HSV Blend

#701A00 - #D6BDB6 | 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 #701A00 as 0% and #D6BDB6 as 100%.

0.0%	0.0% #701A00	RGB 112 26 0	#701A00
16.7%	16.7% #812B12	RGB 129 43 18	#812B12
33.3%	33.3% #924129	RGB 146 65 41	#924129
50.0%	50.0% #A35A45	RGB 163 90 69	#A35A45
66.7%	66.7% #B47766	RGB 180 119 102	#B47766
83.3%	83.3% #C5988B	RGB 197 152 139	#C5988B
100.0%	100.0% #D6BDB6	RGB 214 189 182	#D6BDB6

#701A00 #812B12 #924129 #A35A45 #B47766 #C5988B #D6BDB6

#701A00 - #A35A45 - #D6BDB6

CSS codes

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

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