#1A234B - #05110C | 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 #1A234B to #05110C

#1A234B #05110C

Calculate the color between two colors, #1A234B and #05110C. 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)

#1A234B - #05110C | 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 #1A234B as 0% and #05110C as 100%.

0.0%	0.0% #1A234B	RGB 26 35 75	#1A234B
16.7%	16.7% #162040	RGB 22 32 64	#162040
33.3%	33.3% #131D36	RGB 19 29 54	#131D36
50.0%	50.0% #0F1A2B	RGB 15 26 43	#0F1A2B
66.7%	66.7% #0C1721	RGB 12 23 33	#0C1721
83.3%	83.3% #081416	RGB 8 20 22	#081416
100.0%	100.0% #05110C	RGB 5 17 12	#05110C

#1A234B #162040 #131D36 #0F1A2B #0C1721 #081416 #05110C

#1A234B - #05110C

HSV Blend

#1A234B - #05110C | 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 #1A234B as 0% and #05110C as 100%.

0.0%	0.0% #1A234B	RGB 26 35 75	#1A234B
16.7%	16.7% #162641	RGB 22 38 65	#162641
33.3%	33.3% #122837	RGB 18 40 55	#122837
50.0%	50.0% #0E272E	RGB 14 39 46	#0E272E
66.7%	66.7% #0B2424	RGB 11 36 36	#0B2424
83.3%	83.3% #081A16	RGB 8 26 22	#081A16
100.0%	100.0% #05110C	RGB 5 17 12	#05110C

#1A234B #162641 #122837 #0E272E #0B2424 #081A16 #05110C

#1A234B - #0E272E - #05110C

CSS codes

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

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