#92948E - #E2D3A8 | 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 #92948E to #E2D3A8

#92948E #E2D3A8

Calculate the color between two colors, #92948E and #E2D3A8. 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)

#92948E - #E2D3A8 | 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 #92948E as 0% and #E2D3A8 as 100%.

0.0%	0.0% #92948E	RGB 146 148 142	#92948E
16.7%	16.7% #9F9E92	RGB 159 158 146	#9F9E92
33.3%	33.3% #ACA996	RGB 172 169 150	#ACA996
50.0%	50.0% #BAB39B	RGB 186 179 155	#BAB39B
66.7%	66.7% #C7BE9F	RGB 199 190 159	#C7BE9F
83.3%	83.3% #D4C8A3	RGB 212 200 163	#D4C8A3
100.0%	100.0% #E2D3A8	RGB 226 211 168	#E2D3A8

#92948E #9F9E92 #ACA996 #BAB39B #C7BE9F #D4C8A3 #E2D3A8

#92948E - #E2D3A8

HSV Blend

#92948E - #E2D3A8 | 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 #92948E as 0% and #E2D3A8 as 100%.

0.0%	0.0% #92948E	RGB 146 148 142	#92948E
16.7%	16.7% #9EA194	RGB 158 161 148	#9EA194
33.3%	33.3% #ABAE9A	RGB 171 174 154	#ABAE9A
50.0%	50.0% #B9BB9F	RGB 185 187 159	#B9BB9F
66.7%	66.7% #C8C5A3	RGB 200 197 163	#C8C5A3
83.3%	83.3% #D5CDA6	RGB 213 205 166	#D5CDA6
100.0%	100.0% #E2D3A8	RGB 226 211 168	#E2D3A8

#92948E #9EA194 #ABAE9A #B9BB9F #C8C5A3 #D5CDA6 #E2D3A8

#92948E - #B9BB9F - #E2D3A8

CSS codes

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

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