#6E625A - #E5E27C | 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 #6E625A to #E5E27C

#6E625A #E5E27C

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

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

0.0%	0.0% #6E625A	RGB 110 98 90	#6E625A
16.7%	16.7% #81775F	RGB 129 119 95	#81775F
33.3%	33.3% #958C65	RGB 149 140 101	#958C65
50.0%	50.0% #A9A26B	RGB 169 162 107	#A9A26B
66.7%	66.7% #BDB770	RGB 189 183 112	#BDB770
83.3%	83.3% #D1CC76	RGB 209 204 118	#D1CC76
100.0%	100.0% #E5E27C	RGB 229 226 124	#E5E27C

#6E625A #81775F #958C65 #A9A26B #BDB770 #D1CC76 #E5E27C

#6E625A - #E5E27C

HSV Blend

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

0.0%	0.0% #6E625A	RGB 110 98 90	#6E625A
16.7%	16.7% #817264	RGB 129 114 100	#817264
33.3%	33.3% #95846C	RGB 149 132 108	#95846C
50.0%	50.0% #A99873	RGB 169 152 115	#A99873
66.7%	66.7% #BDAE77	RGB 189 174 119	#BDAE77
83.3%	83.3% #D1C67A	RGB 209 198 122	#D1C67A
100.0%	100.0% #E5E27C	RGB 229 226 124	#E5E27C

#6E625A #817264 #95846C #A99873 #BDAE77 #D1C67A #E5E27C

#6E625A - #A99873 - #E5E27C

CSS codes

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

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