#694E4E - #D89A77 | 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 #694E4E to #D89A77

#694E4E #D89A77

Calculate the color between two colors, #694E4E and #D89A77. 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)

#694E4E - #D89A77 | 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 #694E4E as 0% and #D89A77 as 100%.

0.0%	0.0% #694E4E	RGB 105 78 78	#694E4E
16.7%	16.7% #7B5A54	RGB 123 90 84	#7B5A54
33.3%	33.3% #8E675B	RGB 142 103 91	#8E675B
50.0%	50.0% #A07462	RGB 160 116 98	#A07462
66.7%	66.7% #B38069	RGB 179 128 105	#B38069
83.3%	83.3% #C58D70	RGB 197 141 112	#C58D70
100.0%	100.0% #D89A77	RGB 216 154 119	#D89A77

#694E4E #7B5A54 #8E675B #A07462 #B38069 #C58D70 #D89A77

#694E4E - #D89A77

HSV Blend

#694E4E - #D89A77 | 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 #694E4E as 0% and #D89A77 as 100%.

0.0%	0.0% #694E4E	RGB 105 78 78	#694E4E
16.7%	16.7% #7B5957	RGB 123 89 87	#7B5957
33.3%	33.3% #8E6560	RGB 142 101 96	#8E6560
50.0%	50.0% #A07267	RGB 160 114 103	#A07267
66.7%	66.7% #B37E6E	RGB 179 126 110	#B37E6E
83.3%	83.3% #C58B73	RGB 197 139 115	#C58B73
100.0%	100.0% #D89A77	RGB 216 154 119	#D89A77

#694E4E #7B5957 #8E6560 #A07267 #B37E6E #C58B73 #D89A77

#694E4E - #A07267 - #D89A77

CSS codes

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

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