#1E2B5E - #0C0727 | 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 #1E2B5E to #0C0727

#1E2B5E #0C0727

Calculate the color between two colors, #1E2B5E and #0C0727. 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)

#1E2B5E - #0C0727 | 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 #1E2B5E as 0% and #0C0727 as 100%.

0.0%	0.0% #1E2B5E	RGB 30 43 94	#1E2B5E
16.7%	16.7% #1B2554	RGB 27 37 84	#1B2554
33.3%	33.3% #181F4B	RGB 24 31 75	#181F4B
50.0%	50.0% #151942	RGB 21 25 66	#151942
66.7%	66.7% #121339	RGB 18 19 57	#121339
83.3%	83.3% #0F0D30	RGB 15 13 48	#0F0D30
100.0%	100.0% #0C0727	RGB 12 7 39	#0C0727

#1E2B5E #1B2554 #181F4B #151942 #121339 #0F0D30 #0C0727

#1E2B5E - #0C0727

HSV Blend

#1E2B5E - #0C0727 | 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 #1E2B5E as 0% and #0C0727 as 100%.

0.0%	0.0% #1E2B5E	RGB 30 43 94	#1E2B5E
16.7%	16.7% #192154	RGB 25 33 84	#192154
33.3%	33.3% #14194B	RGB 20 25 75	#14194B
50.0%	50.0% #101142	RGB 16 17 66	#101142
66.7%	66.7% #0E0C39	RGB 14 12 57	#0E0C39
83.3%	83.3% #0D0930	RGB 13 9 48	#0D0930
100.0%	100.0% #0C0727	RGB 12 7 39	#0C0727

#1E2B5E #192154 #14194B #101142 #0E0C39 #0D0930 #0C0727

#1E2B5E - #101142 - #0C0727

CSS codes

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

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