#94958C - #E4C3A8 | 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 #94958C to #E4C3A8

#94958C #E4C3A8

Calculate the color between two colors, #94958C and #E4C3A8. 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)

#94958C - #E4C3A8 | 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 #94958C as 0% and #E4C3A8 as 100%.

0.0%	0.0% #94958C	RGB 148 149 140	#94958C
16.7%	16.7% #A19C90	RGB 161 156 144	#A19C90
33.3%	33.3% #AEA495	RGB 174 164 149	#AEA495
50.0%	50.0% #BCAC9A	RGB 188 172 154	#BCAC9A
66.7%	66.7% #C9B39E	RGB 201 179 158	#C9B39E
83.3%	83.3% #D6BBA3	RGB 214 187 163	#D6BBA3
100.0%	100.0% #E4C3A8	RGB 228 195 168	#E4C3A8

#94958C #A19C90 #AEA495 #BCAC9A #C9B39E #D6BBA3 #E4C3A8

#94958C - #E4C3A8

HSV Blend

#94958C - #E4C3A8 | 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 #94958C as 0% and #E4C3A8 as 100%.

0.0%	0.0% #94958C	RGB 148 149 140	#94958C
16.7%	16.7% #A2A292	RGB 162 162 146	#A2A292
33.3%	33.3% #AFAC98	RGB 175 172 152	#AFAC98
50.0%	50.0% #BCB59E	RGB 188 181 158	#BCB59E
66.7%	66.7% #C9BCA2	RGB 201 188 162	#C9BCA2
83.3%	83.3% #D6C1A5	RGB 214 193 165	#D6C1A5
100.0%	100.0% #E4C3A8	RGB 228 195 168	#E4C3A8

#94958C #A2A292 #AFAC98 #BCB59E #C9BCA2 #D6C1A5 #E4C3A8

#94958C - #BCB59E - #E4C3A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #94958C 0%, #BCB59E 50%, #E4C3A8 100%);
    background: -webkit-linear-gradient(top, #94958C 0%, #BCB59E 50%, #E4C3A8 100%);
    background: linear-gradient(to bottom, #94958C 0%, #BCB59E 50%, #E4C3A8 100%);
}
</style>