#4A4B5E - #0D211C | 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 #4A4B5E to #0D211C

#4A4B5E #0D211C

Calculate the color between two colors, #4A4B5E and #0D211C. 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)

#4A4B5E - #0D211C | 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 #4A4B5E as 0% and #0D211C as 100%.

0.0%	0.0% #4A4B5E	RGB 74 75 94	#4A4B5E
16.7%	16.7% #3F4453	RGB 63 68 83	#3F4453
33.3%	33.3% #353D48	RGB 53 61 72	#353D48
50.0%	50.0% #2B363D	RGB 43 54 61	#2B363D
66.7%	66.7% #212F32	RGB 33 47 50	#212F32
83.3%	83.3% #172827	RGB 23 40 39	#172827
100.0%	100.0% #0D211C	RGB 13 33 28	#0D211C

#4A4B5E #3F4453 #353D48 #2B363D #212F32 #172827 #0D211C

#4A4B5E - #0D211C

HSV Blend

#4A4B5E - #0D211C | 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 #4A4B5E as 0% and #0D211C as 100%.

0.0%	0.0% #4A4A5E	RGB 74 74 94	#4A4A5E
16.7%	16.7% #3C4253	RGB 60 66 83	#3C4253
33.3%	33.3% #303B49	RGB 48 59 73	#303B49
50.0%	50.0% #25363F	RGB 37 54 63	#25363F
66.7%	66.7% #1C3135	RGB 28 49 53	#1C3135
83.3%	83.3% #132B2A	RGB 19 43 42	#132B2A
100.0%	100.0% #0D211C	RGB 13 33 28	#0D211C

#4A4A5E #3C4253 #303B49 #25363F #1C3135 #132B2A #0D211C

#4A4B5E - #25363F - #0D211C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A4A5E 0%, #25363F 50%, #0D211C 100%);
    background: -webkit-linear-gradient(top, #4A4A5E 0%, #25363F 50%, #0D211C 100%);
    background: linear-gradient(to bottom, #4A4A5E 0%, #25363F 50%, #0D211C 100%);
}
</style>