#949596 - #E0CAAC | 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 #949596 to #E0CAAC

#949596 #E0CAAC

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

#949596 - #E0CAAC | 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 #949596 as 0% and #E0CAAC as 100%.

0.0%	0.0% #949596	RGB 148 149 150	#949596
16.7%	16.7% #A09D99	RGB 160 157 153	#A09D99
33.3%	33.3% #ADA69D	RGB 173 166 157	#ADA69D
50.0%	50.0% #BAAFA1	RGB 186 175 161	#BAAFA1
66.7%	66.7% #C6B8A4	RGB 198 184 164	#C6B8A4
83.3%	83.3% #D3C1A8	RGB 211 193 168	#D3C1A8
100.0%	100.0% #E0CAAC	RGB 224 202 172	#E0CAAC

#949596 #A09D99 #ADA69D #BAAFA1 #C6B8A4 #D3C1A8 #E0CAAC

#949596 - #E0CAAC

HSV Blend

#949596 - #E0CAAC | 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 #949596 as 0% and #E0CAAC as 100%.

0.0%	0.0% #949596	RGB 148 149 150	#949596
16.7%	16.7% #9AA2A2	RGB 154 162 162	#9AA2A2
33.3%	33.3% #9FAEA7	RGB 159 174 167	#9FAEA7
50.0%	50.0% #A4BBA4	RGB 164 187 164	#A4BBA4
66.7%	66.7% #B5C7A7	RGB 181 199 167	#B5C7A7
83.3%	83.3% #D1D3AA	RGB 209 211 170	#D1D3AA
100.0%	100.0% #E0CAAC	RGB 224 202 172	#E0CAAC

#949596 #9AA2A2 #9FAEA7 #A4BBA4 #B5C7A7 #D1D3AA #E0CAAC

#949596 - #A4BBA4 - #E0CAAC

CSS codes

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

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