#2B5A8C - #182432 | 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 #2B5A8C to #182432

#2B5A8C #182432

Calculate the color between two colors, #2B5A8C and #182432. 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)

#2B5A8C - #182432 | 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 #2B5A8C as 0% and #182432 as 100%.

0.0%	0.0% #2B5A8C	RGB 43 90 140	#2B5A8C
16.7%	16.7% #27517D	RGB 39 81 125	#27517D
33.3%	33.3% #24486E	RGB 36 72 110	#24486E
50.0%	50.0% #213F5F	RGB 33 63 95	#213F5F
66.7%	66.7% #1E3650	RGB 30 54 80	#1E3650
83.3%	83.3% #1B2D41	RGB 27 45 65	#1B2D41
100.0%	100.0% #182432	RGB 24 36 50	#182432

#2B5A8C #27517D #24486E #213F5F #1E3650 #1B2D41 #182432

#2B5A8C - #182432

HSV Blend

#2B5A8C - #182432 | 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 #2B5A8C as 0% and #182432 as 100%.

0.0%	0.0% #2B598C	RGB 43 89 140	#2B598C
16.7%	16.7% #29517D	RGB 41 81 125	#29517D
33.3%	33.3% #28496E	RGB 40 73 110	#28496E
50.0%	50.0% #25405F	RGB 37 64 95	#25405F
66.7%	66.7% #213750	RGB 33 55 80	#213750
83.3%	83.3% #1D2D41	RGB 29 45 65	#1D2D41
100.0%	100.0% #182432	RGB 24 36 50	#182432

#2B598C #29517D #28496E #25405F #213750 #1D2D41 #182432

#2B5A8C - #25405F - #182432

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B598C 0%, #25405F 50%, #182432 100%);
    background: -webkit-linear-gradient(top, #2B598C 0%, #25405F 50%, #182432 100%);
    background: linear-gradient(to bottom, #2B598C 0%, #25405F 50%, #182432 100%);
}
</style>