#694037 - #D4C8C5 | 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 #694037 to #D4C8C5

#694037 #D4C8C5

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

#694037 - #D4C8C5 | 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 #694037 as 0% and #D4C8C5 as 100%.

0.0%	0.0% #694037	RGB 105 64 55	#694037
16.7%	16.7% #7A564E	RGB 122 86 78	#7A564E
33.3%	33.3% #8C6D66	RGB 140 109 102	#8C6D66
50.0%	50.0% #9E847E	RGB 158 132 126	#9E847E
66.7%	66.7% #B09A95	RGB 176 154 149	#B09A95
83.3%	83.3% #C2B1AD	RGB 194 177 173	#C2B1AD
100.0%	100.0% #D4C8C5	RGB 212 200 197	#D4C8C5

#694037 #7A564E #8C6D66 #9E847E #B09A95 #C2B1AD #D4C8C5

#694037 - #D4C8C5

HSV Blend

#694037 - #D4C8C5 | 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 #694037 as 0% and #D4C8C5 as 100%.

0.0%	0.0% #694037	RGB 105 64 55	#694037
16.7%	16.7% #7A5148	RGB 122 81 72	#7A5148
33.3%	33.3% #8C655C	RGB 140 101 92	#8C655C
50.0%	50.0% #9E7B73	RGB 158 123 115	#9E7B73
66.7%	66.7% #B0938C	RGB 176 147 140	#B0938C
83.3%	83.3% #C2ACA7	RGB 194 172 167	#C2ACA7
100.0%	100.0% #D4C8C5	RGB 212 200 197	#D4C8C5

#694037 #7A5148 #8C655C #9E7B73 #B0938C #C2ACA7 #D4C8C5

#694037 - #9E7B73 - #D4C8C5

CSS codes

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

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