#121C5E - #3C5C9C | 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 #121C5E to #3C5C9C

#121C5E #3C5C9C

Calculate the color between two colors, #121C5E and #3C5C9C. 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)

#121C5E - #3C5C9C | 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 #121C5E as 0% and #3C5C9C as 100%.

0.0%	0.0% #121C5E	RGB 18 28 94	#121C5E
16.7%	16.7% #192668	RGB 25 38 104	#192668
33.3%	33.3% #203172	RGB 32 49 114	#203172
50.0%	50.0% #273C7D	RGB 39 60 125	#273C7D
66.7%	66.7% #2E4687	RGB 46 70 135	#2E4687
83.3%	83.3% #355191	RGB 53 81 145	#355191
100.0%	100.0% #3C5C9C	RGB 60 92 156	#3C5C9C

#121C5E #192668 #203172 #273C7D #2E4687 #355191 #3C5C9C

#121C5E - #3C5C9C

HSV Blend

#121C5E - #3C5C9C | 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 #121C5E as 0% and #3C5C9C as 100%.

0.0%	0.0% #111C5E	RGB 17 28 94	#111C5E
16.7%	16.7% #172468	RGB 23 36 104	#172468
33.3%	33.3% #1D2E72	RGB 29 46 114	#1D2E72
50.0%	50.0% #24387D	RGB 36 56 125	#24387D
66.7%	66.7% #2B4387	RGB 43 67 135	#2B4387
83.3%	83.3% #334F91	RGB 51 79 145	#334F91
100.0%	100.0% #3C5C9C	RGB 60 92 156	#3C5C9C

#111C5E #172468 #1D2E72 #24387D #2B4387 #334F91 #3C5C9C

#121C5E - #24387D - #3C5C9C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #111C5E 0%, #24387D 50%, #3C5C9C 100%);
    background: -webkit-linear-gradient(top, #111C5E 0%, #24387D 50%, #3C5C9C 100%);
    background: linear-gradient(to bottom, #111C5E 0%, #24387D 50%, #3C5C9C 100%);
}
</style>