#4E4ECE - #121471 | 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 #4E4ECE to #121471

#4E4ECE #121471

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

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

0.0%	0.0% #4E4ECE	RGB 78 78 206	#4E4ECE
16.7%	16.7% #4444BE	RGB 68 68 190	#4444BE
33.3%	33.3% #3A3AAF	RGB 58 58 175	#3A3AAF
50.0%	50.0% #30319F	RGB 48 49 159	#30319F
66.7%	66.7% #262790	RGB 38 39 144	#262790
83.3%	83.3% #1C1D80	RGB 28 29 128	#1C1D80
100.0%	100.0% #121471	RGB 18 20 113	#121471

#4E4ECE #4444BE #3A3AAF #30319F #262790 #1C1D80 #121471

#4E4ECE - #121471

HSV Blend

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

0.0%	0.0% #4E4ECE	RGB 78 78 206	#4E4ECE
16.7%	16.7% #4141BE	RGB 65 65 190	#4141BE
33.3%	33.3% #3536AF	RGB 53 54 175	#3536AF
50.0%	50.0% #2A2C9F	RGB 42 44 159	#2A2C9F
66.7%	66.7% #212390	RGB 33 35 144	#212390
83.3%	83.3% #191A80	RGB 25 26 128	#191A80
100.0%	100.0% #121471	RGB 18 20 113	#121471

#4E4ECE #4141BE #3536AF #2A2C9F #212390 #191A80 #121471

#4E4ECE - #2A2C9F - #121471

CSS codes

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

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