#4D9FFF - #0D4BCC | 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 #4D9FFF to #0D4BCC

#4D9FFF #0D4BCC

Calculate the color between two colors, #4D9FFF and #0D4BCC. 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)

#4D9FFF - #0D4BCC | 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 #4D9FFF as 0% and #0D4BCC as 100%.

0.0%	0.0% #4D9FFF	RGB 77 159 255	#4D9FFF
16.7%	16.7% #4291F6	RGB 66 145 246	#4291F6
33.3%	33.3% #3783EE	RGB 55 131 238	#3783EE
50.0%	50.0% #2D75E5	RGB 45 117 229	#2D75E5
66.7%	66.7% #2267DD	RGB 34 103 221	#2267DD
83.3%	83.3% #1759D4	RGB 23 89 212	#1759D4
100.0%	100.0% #0D4BCC	RGB 13 75 204	#0D4BCC

#4D9FFF #4291F6 #3783EE #2D75E5 #2267DD #1759D4 #0D4BCC

#4D9FFF - #0D4BCC

HSV Blend

#4D9FFF - #0D4BCC | 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 #4D9FFF as 0% and #0D4BCC as 100%.

0.0%	0.0% #4D9FFF	RGB 77 159 255	#4D9FFF
16.7%	16.7% #4090F6	RGB 64 144 246	#4090F6
33.3%	33.3% #3481EE	RGB 52 129 238	#3481EE
50.0%	50.0% #2973E5	RGB 41 115 229	#2973E5
66.7%	66.7% #1F65DD	RGB 31 101 221	#1F65DD
83.3%	83.3% #1558D4	RGB 21 88 212	#1558D4
100.0%	100.0% #0D4BCC	RGB 13 75 204	#0D4BCC

#4D9FFF #4090F6 #3481EE #2973E5 #1F65DD #1558D4 #0D4BCC

#4D9FFF - #2973E5 - #0D4BCC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D9FFF 0%, #2973E5 50%, #0D4BCC 100%);
    background: -webkit-linear-gradient(top, #4D9FFF 0%, #2973E5 50%, #0D4BCC 100%);
    background: linear-gradient(to bottom, #4D9FFF 0%, #2973E5 50%, #0D4BCC 100%);
}
</style>