#4D7EAB - #072E6B | 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 #072E6B

#4D7EAB #072E6B

Calculate the color between two colors, #4D7EAB and #072E6B. 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 - #072E6B | 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 #072E6B as 100%.

0.0%	0.0% #4D7EAB	RGB 77 126 171	#4D7EAB
16.7%	16.7% #4170A0	RGB 65 112 160	#4170A0
33.3%	33.3% #356395	RGB 53 99 149	#356395
50.0%	50.0% #2A568B	RGB 42 86 139	#2A568B
66.7%	66.7% #1E4880	RGB 30 72 128	#1E4880
83.3%	83.3% #123B75	RGB 18 59 117	#123B75
100.0%	100.0% #072E6B	RGB 7 46 107	#072E6B

#4D7EAB #4170A0 #356395 #2A568B #1E4880 #123B75 #072E6B

#4D7EAB - #072E6B

HSV Blend

#4D7EAB - #072E6B | 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 #072E6B 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% #306095	RGB 48 96 149	#306095
50.0%	50.0% #23528B	RGB 35 82 139	#23528B
66.7%	66.7% #184580	RGB 24 69 128	#184580
83.3%	83.3% #0F3975	RGB 15 57 117	#0F3975
100.0%	100.0% #072E6B	RGB 7 46 107	#072E6B

#4D7DAB #3D6FA0 #306095 #23528B #184580 #0F3975 #072E6B

#4D7EAB - #23528B - #072E6B

CSS codes

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

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