#92494C - #EF8F5E | 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 #92494C to #EF8F5E

#92494C #EF8F5E

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

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

0.0%	0.0% #92494C	RGB 146 73 76	#92494C
16.7%	16.7% #A1544F	RGB 161 84 79	#A1544F
33.3%	33.3% #B16052	RGB 177 96 82	#B16052
50.0%	50.0% #C06C55	RGB 192 108 85	#C06C55
66.7%	66.7% #D07758	RGB 208 119 88	#D07758
83.3%	83.3% #DF835B	RGB 223 131 91	#DF835B
100.0%	100.0% #EF8F5E	RGB 239 143 94	#EF8F5E

#92494C #A1544F #B16052 #C06C55 #D07758 #DF835B #EF8F5E

#92494C - #EF8F5E

HSV Blend

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

0.0%	0.0% #92494B	RGB 146 73 75	#92494B
16.7%	16.7% #A14F4D	RGB 161 79 77	#A14F4D
33.3%	33.3% #B15A52	RGB 177 90 82	#B15A52
50.0%	50.0% #C06555	RGB 192 101 85	#C06555
66.7%	66.7% #D07259	RGB 208 114 89	#D07259
83.3%	83.3% #DF805B	RGB 223 128 91	#DF805B
100.0%	100.0% #EF8F5E	RGB 239 143 94	#EF8F5E

#92494B #A14F4D #B15A52 #C06555 #D07259 #DF805B #EF8F5E

#92494C - #C06555 - #EF8F5E

CSS codes

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

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