#4E4C5E - #10094D | 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 #4E4C5E to #10094D

#4E4C5E #10094D

Calculate the color between two colors, #4E4C5E and #10094D. 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)

#4E4C5E - #10094D | 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 #4E4C5E as 0% and #10094D as 100%.

0.0%	0.0% #4E4C5E	RGB 78 76 94	#4E4C5E
16.7%	16.7% #43405B	RGB 67 64 91	#43405B
33.3%	33.3% #393558	RGB 57 53 88	#393558
50.0%	50.0% #2F2A55	RGB 47 42 85	#2F2A55
66.7%	66.7% #241F52	RGB 36 31 82	#241F52
83.3%	83.3% #1A144F	RGB 26 20 79	#1A144F
100.0%	100.0% #10094D	RGB 16 9 77	#10094D

#4E4C5E #43405B #393558 #2F2A55 #241F52 #1A144F #10094D

#4E4C5E - #10094D

HSV Blend

#4E4C5E - #10094D | 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 #4E4C5E as 0% and #10094D as 100%.

0.0%	0.0% #4E4C5E	RGB 78 76 94	#4E4C5E
16.7%	16.7% #423F5B	RGB 66 63 91	#423F5B
33.3%	33.3% #373358	RGB 55 51 88	#373358
50.0%	50.0% #2C2755	RGB 44 39 85	#2C2755
66.7%	66.7% #221C52	RGB 34 28 82	#221C52
83.3%	83.3% #18124F	RGB 24 18 79	#18124F
100.0%	100.0% #10094D	RGB 16 9 77	#10094D

#4E4C5E #423F5B #373358 #2C2755 #221C52 #18124F #10094D

#4E4C5E - #2C2755 - #10094D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E4C5E 0%, #2C2755 50%, #10094D 100%);
    background: -webkit-linear-gradient(top, #4E4C5E 0%, #2C2755 50%, #10094D 100%);
    background: linear-gradient(to bottom, #4E4C5E 0%, #2C2755 50%, #10094D 100%);
}
</style>