#1F5A8C - #192430 | 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 #1F5A8C to #192430

#1F5A8C #192430

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

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

0.0%	0.0% #1F5A8C	RGB 31 90 140	#1F5A8C
16.7%	16.7% #1E517C	RGB 30 81 124	#1E517C
33.3%	33.3% #1D486D	RGB 29 72 109	#1D486D
50.0%	50.0% #1C3F5E	RGB 28 63 94	#1C3F5E
66.7%	66.7% #1B364E	RGB 27 54 78	#1B364E
83.3%	83.3% #1A2D3F	RGB 26 45 63	#1A2D3F
100.0%	100.0% #192430	RGB 25 36 48	#192430

#1F5A8C #1E517C #1D486D #1C3F5E #1B364E #1A2D3F #192430

#1F5A8C - #192430

HSV Blend

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

0.0%	0.0% #1F598C	RGB 31 89 140	#1F598C
16.7%	16.7% #21527C	RGB 33 82 124	#21527C
33.3%	33.3% #23496D	RGB 35 73 109	#23496D
50.0%	50.0% #22415E	RGB 34 65 94	#22415E
66.7%	66.7% #21374E	RGB 33 55 78	#21374E
83.3%	83.3% #1D2E3F	RGB 29 46 63	#1D2E3F
100.0%	100.0% #192430	RGB 25 36 48	#192430

#1F598C #21527C #23496D #22415E #21374E #1D2E3F #192430

#1F5A8C - #22415E - #192430

CSS codes

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

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