#4E5E7D - #1A262E | 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 #4E5E7D to #1A262E

#4E5E7D #1A262E

Calculate the color between two colors, #4E5E7D and #1A262E. 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)

#4E5E7D - #1A262E | 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 #4E5E7D as 0% and #1A262E as 100%.

0.0%	0.0% #4E5E7D	RGB 78 94 125	#4E5E7D
16.7%	16.7% #45546F	RGB 69 84 111	#45546F
33.3%	33.3% #3C4B62	RGB 60 75 98	#3C4B62
50.0%	50.0% #344255	RGB 52 66 85	#344255
66.7%	66.7% #2B3848	RGB 43 56 72	#2B3848
83.3%	83.3% #222F3B	RGB 34 47 59	#222F3B
100.0%	100.0% #1A262E	RGB 26 38 46	#1A262E

#4E5E7D #45546F #3C4B62 #344255 #2B3848 #222F3B #1A262E

#4E5E7D - #1A262E

HSV Blend

#4E5E7D - #1A262E | 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 #4E5E7D as 0% and #1A262E as 100%.

0.0%	0.0% #4E5E7D	RGB 78 94 125	#4E5E7D
16.7%	16.7% #44556F	RGB 68 85 111	#44556F
33.3%	33.3% #3B4C62	RGB 59 76 98	#3B4C62
50.0%	50.0% #324355	RGB 50 67 85	#324355
66.7%	66.7% #2A3948	RGB 42 57 72	#2A3948
83.3%	83.3% #22303B	RGB 34 48 59	#22303B
100.0%	100.0% #1A262E	RGB 26 38 46	#1A262E

#4E5E7D #44556F #3B4C62 #324355 #2A3948 #22303B #1A262E

#4E5E7D - #324355 - #1A262E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E5E7D 0%, #324355 50%, #1A262E 100%);
    background: -webkit-linear-gradient(top, #4E5E7D 0%, #324355 50%, #1A262E 100%);
    background: linear-gradient(to bottom, #4E5E7D 0%, #324355 50%, #1A262E 100%);
}
</style>