#1A234B - #4F6082 | 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 #4F6082

#1A234B #4F6082

Calculate the color between two colors, #1A234B and #4F6082. 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 - #4F6082 | 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 #4F6082 as 100%.

0.0%	0.0% #1A234B	RGB 26 35 75	#1A234B
16.7%	16.7% #222D54	RGB 34 45 84	#222D54
33.3%	33.3% #2B375D	RGB 43 55 93	#2B375D
50.0%	50.0% #344166	RGB 52 65 102	#344166
66.7%	66.7% #3D4B6F	RGB 61 75 111	#3D4B6F
83.3%	83.3% #465578	RGB 70 85 120	#465578
100.0%	100.0% #4F6082	RGB 79 96 130	#4F6082

#1A234B #222D54 #2B375D #344166 #3D4B6F #465578 #4F6082

#1A234B - #4F6082

HSV Blend

#1A234B - #4F6082 | 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 #4F6082 as 100%.

0.0%	0.0% #1A234B	RGB 26 35 75	#1A234B
16.7%	16.7% #202B54	RGB 32 43 84	#202B54
33.3%	33.3% #28345D	RGB 40 52 93	#28345D
50.0%	50.0% #303E66	RGB 48 62 102	#303E66
66.7%	66.7% #3A496F	RGB 58 73 111	#3A496F
83.3%	83.3% #445478	RGB 68 84 120	#445478
100.0%	100.0% #4F6082	RGB 79 96 130	#4F6082

#1A234B #202B54 #28345D #303E66 #3A496F #445478 #4F6082

#1A234B - #303E66 - #4F6082

CSS codes

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

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