#466EB6 - #192D5E | 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 #466EB6 to #192D5E

#466EB6 #192D5E

Calculate the color between two colors, #466EB6 and #192D5E. 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)

#466EB6 - #192D5E | 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 #466EB6 as 0% and #192D5E as 100%.

0.0%	0.0% #466EB6	RGB 70 110 182	#466EB6
16.7%	16.7% #3E63A7	RGB 62 99 167	#3E63A7
33.3%	33.3% #375898	RGB 55 88 152	#375898
50.0%	50.0% #2F4D8A	RGB 47 77 138	#2F4D8A
66.7%	66.7% #28427B	RGB 40 66 123	#28427B
83.3%	83.3% #20376C	RGB 32 55 108	#20376C
100.0%	100.0% #192D5E	RGB 25 45 94	#192D5E

#466EB6 #3E63A7 #375898 #2F4D8A #28427B #20376C #192D5E

#466EB6 - #192D5E

HSV Blend

#466EB6 - #192D5E | 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 #466EB6 as 0% and #192D5E as 100%.

0.0%	0.0% #466EB6	RGB 70 110 182	#466EB6
16.7%	16.7% #3D61A7	RGB 61 97 167	#3D61A7
33.3%	33.3% #345698	RGB 52 86 152	#345698
50.0%	50.0% #2C4B8A	RGB 44 75 138	#2C4B8A
66.7%	66.7% #25407B	RGB 37 64 123	#25407B
83.3%	83.3% #1F366C	RGB 31 54 108	#1F366C
100.0%	100.0% #192D5E	RGB 25 45 94	#192D5E

#466EB6 #3D61A7 #345698 #2C4B8A #25407B #1F366C #192D5E

#466EB6 - #2C4B8A - #192D5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #466EB6 0%, #2C4B8A 50%, #192D5E 100%);
    background: -webkit-linear-gradient(top, #466EB6 0%, #2C4B8A 50%, #192D5E 100%);
    background: linear-gradient(to bottom, #466EB6 0%, #2C4B8A 50%, #192D5E 100%);
}
</style>