#0028A8 - #1A152F | 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 #0028A8 to #1A152F

#0028A8 #1A152F

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

#0028A8 - #1A152F | 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 #0028A8 as 0% and #1A152F as 100%.

0.0%	0.0% #0028A8	RGB 0 40 168	#0028A8
16.7%	16.7% #042493	RGB 4 36 147	#042493
33.3%	33.3% #08217F	RGB 8 33 127	#08217F
50.0%	50.0% #0D1E6B	RGB 13 30 107	#0D1E6B
66.7%	66.7% #111B57	RGB 17 27 87	#111B57
83.3%	83.3% #151843	RGB 21 24 67	#151843
100.0%	100.0% #1A152F	RGB 26 21 47	#1A152F

#0028A8 #042493 #08217F #0D1E6B #111B57 #151843 #1A152F

#0028A8 - #1A152F

HSV Blend

#0028A8 - #1A152F | 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 #0028A8 as 0% and #1A152F as 100%.

0.0%	0.0% #0028A8	RGB 0 40 168	#0028A8
16.7%	16.7% #0B2193	RGB 11 33 147	#0B2193
33.3%	33.3% #131D7F	RGB 19 29 127	#131D7F
50.0%	50.0% #18196B	RGB 24 25 107	#18196B
66.7%	66.7% #1D1A57	RGB 29 26 87	#1D1A57
83.3%	83.3% #1E1943	RGB 30 25 67	#1E1943
100.0%	100.0% #1A152F	RGB 26 21 47	#1A152F

#0028A8 #0B2193 #131D7F #18196B #1D1A57 #1E1943 #1A152F

#0028A8 - #18196B - #1A152F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0028A8 0%, #18196B 50%, #1A152F 100%);
    background: -webkit-linear-gradient(top, #0028A8 0%, #18196B 50%, #1A152F 100%);
    background: linear-gradient(to bottom, #0028A8 0%, #18196B 50%, #1A152F 100%);
}
</style>