#6B645C - #E2AE7F | 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 #6B645C to #E2AE7F

#6B645C #E2AE7F

Calculate the color between two colors, #6B645C and #E2AE7F. 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)

#6B645C - #E2AE7F | 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 #6B645C as 0% and #E2AE7F as 100%.

0.0%	0.0% #6B645C	RGB 107 100 92	#6B645C
16.7%	16.7% #7E7061	RGB 126 112 97	#7E7061
33.3%	33.3% #927C67	RGB 146 124 103	#927C67
50.0%	50.0% #A6896D	RGB 166 137 109	#A6896D
66.7%	66.7% #BA9573	RGB 186 149 115	#BA9573
83.3%	83.3% #CEA179	RGB 206 161 121	#CEA179
100.0%	100.0% #E2AE7F	RGB 226 174 127	#E2AE7F

#6B645C #7E7061 #927C67 #A6896D #BA9573 #CEA179 #E2AE7F

#6B645C - #E2AE7F

HSV Blend

#6B645C - #E2AE7F | 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 #6B645C as 0% and #E2AE7F as 100%.

0.0%	0.0% #6B645C	RGB 107 100 92	#6B645C
16.7%	16.7% #7E7366	RGB 126 115 102	#7E7366
33.3%	33.3% #92816F	RGB 146 129 111	#92816F
50.0%	50.0% #A68E76	RGB 166 142 118	#A68E76
66.7%	66.7% #BA9A7B	RGB 186 154 123	#BA9A7B
83.3%	83.3% #CEA47E	RGB 206 164 126	#CEA47E
100.0%	100.0% #E2AE7F	RGB 226 174 127	#E2AE7F

#6B645C #7E7366 #92816F #A68E76 #BA9A7B #CEA47E #E2AE7F

#6B645C - #A68E76 - #E2AE7F

CSS codes

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

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