#4E465E - #26094E | 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 #4E465E to #26094E

#4E465E #26094E

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

#4E465E - #26094E | 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 #4E465E as 0% and #26094E as 100%.

0.0%	0.0% #4E465E	RGB 78 70 94	#4E465E
16.7%	16.7% #473B5B	RGB 71 59 91	#473B5B
33.3%	33.3% #403158	RGB 64 49 88	#403158
50.0%	50.0% #3A2756	RGB 58 39 86	#3A2756
66.7%	66.7% #331D53	RGB 51 29 83	#331D53
83.3%	83.3% #2C1350	RGB 44 19 80	#2C1350
100.0%	100.0% #26094E	RGB 38 9 78	#26094E

#4E465E #473B5B #403158 #3A2756 #331D53 #2C1350 #26094E

#4E465E - #26094E

HSV Blend

#4E465E - #26094E | 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 #4E465E as 0% and #26094E as 100%.

0.0%	0.0% #4E465E	RGB 78 70 94	#4E465E
16.7%	16.7% #453A5B	RGB 69 58 91	#453A5B
33.3%	33.3% #3E2F58	RGB 62 47 88	#3E2F58
50.0%	50.0% #372456	RGB 55 36 86	#372456
66.7%	66.7% #311B53	RGB 49 27 83	#311B53
83.3%	83.3% #2B1150	RGB 43 17 80	#2B1150
100.0%	100.0% #26094E	RGB 38 9 78	#26094E

#4E465E #453A5B #3E2F58 #372456 #311B53 #2B1150 #26094E

#4E465E - #372456 - #26094E

CSS codes

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

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