#695B5E - #E3A57D | 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 #695B5E to #E3A57D

#695B5E #E3A57D

Calculate the color between two colors, #695B5E and #E3A57D. 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)

#695B5E - #E3A57D | 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 #695B5E as 0% and #E3A57D as 100%.

0.0%	0.0% #695B5E	RGB 105 91 94	#695B5E
16.7%	16.7% #7D6763	RGB 125 103 99	#7D6763
33.3%	33.3% #917368	RGB 145 115 104	#917368
50.0%	50.0% #A6806D	RGB 166 128 109	#A6806D
66.7%	66.7% #BA8C72	RGB 186 140 114	#BA8C72
83.3%	83.3% #CE9877	RGB 206 152 119	#CE9877
100.0%	100.0% #E3A57D	RGB 227 165 125	#E3A57D

#695B5E #7D6763 #917368 #A6806D #BA8C72 #CE9877 #E3A57D

#695B5E - #E3A57D

HSV Blend

#695B5E - #E3A57D | 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 #695B5E as 0% and #E3A57D as 100%.

0.0%	0.0% #695B5E	RGB 105 91 94	#695B5E
16.7%	16.7% #7D6668	RGB 125 102 104	#7D6668
33.3%	33.3% #916E6F	RGB 145 110 111	#916E6F
50.0%	50.0% #A67975	RGB 166 121 117	#A67975
66.7%	66.7% #BA867A	RGB 186 134 122	#BA867A
83.3%	83.3% #CE947C	RGB 206 148 124	#CE947C
100.0%	100.0% #E3A57D	RGB 227 165 125	#E3A57D

#695B5E #7D6668 #916E6F #A67975 #BA867A #CE947C #E3A57D

#695B5E - #A67975 - #E3A57D

CSS codes

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

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