#4D7EAB - #07306B | 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 #4D7EAB to #07306B

#4D7EAB #07306B

Calculate the color between two colors, #4D7EAB and #07306B. 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)

#4D7EAB - #07306B | 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 #4D7EAB as 0% and #07306B as 100%.

0.0%	0.0% #4D7EAB	RGB 77 126 171	#4D7EAB
16.7%	16.7% #4171A0	RGB 65 113 160	#4171A0
33.3%	33.3% #356495	RGB 53 100 149	#356495
50.0%	50.0% #2A578B	RGB 42 87 139	#2A578B
66.7%	66.7% #1E4A80	RGB 30 74 128	#1E4A80
83.3%	83.3% #123D75	RGB 18 61 117	#123D75
100.0%	100.0% #07306B	RGB 7 48 107	#07306B

#4D7EAB #4171A0 #356495 #2A578B #1E4A80 #123D75 #07306B

#4D7EAB - #07306B

HSV Blend

#4D7EAB - #07306B | 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 #4D7EAB as 0% and #07306B as 100%.

0.0%	0.0% #4D7DAB	RGB 77 125 171	#4D7DAB
16.7%	16.7% #3D6FA0	RGB 61 111 160	#3D6FA0
33.3%	33.3% #306195	RGB 48 97 149	#306195
50.0%	50.0% #23538B	RGB 35 83 139	#23538B
66.7%	66.7% #184780	RGB 24 71 128	#184780
83.3%	83.3% #0F3B75	RGB 15 59 117	#0F3B75
100.0%	100.0% #07306B	RGB 7 48 107	#07306B

#4D7DAB #3D6FA0 #306195 #23538B #184780 #0F3B75 #07306B

#4D7EAB - #23538B - #07306B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D7DAB 0%, #23538B 50%, #07306B 100%);
    background: -webkit-linear-gradient(top, #4D7DAB 0%, #23538B 50%, #07306B 100%);
    background: linear-gradient(to bottom, #4D7DAB 0%, #23538B 50%, #07306B 100%);
}
</style>