#4DAADE - #155C9F | 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 #4DAADE to #155C9F

#4DAADE #155C9F

Calculate the color between two colors, #4DAADE and #155C9F. 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)

#4DAADE - #155C9F | 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 #4DAADE as 0% and #155C9F as 100%.

0.0%	0.0% #4DAADE	RGB 77 170 222	#4DAADE
16.7%	16.7% #439DD3	RGB 67 157 211	#439DD3
33.3%	33.3% #3A90C9	RGB 58 144 201	#3A90C9
50.0%	50.0% #3183BE	RGB 49 131 190	#3183BE
66.7%	66.7% #2776B4	RGB 39 118 180	#2776B4
83.3%	83.3% #1E69A9	RGB 30 105 169	#1E69A9
100.0%	100.0% #155C9F	RGB 21 92 159	#155C9F

#4DAADE #439DD3 #3A90C9 #3183BE #2776B4 #1E69A9 #155C9F

#4DAADE - #155C9F

HSV Blend

#4DAADE - #155C9F | 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 #4DAADE as 0% and #155C9F as 100%.

0.0%	0.0% #4DAADE	RGB 77 170 222	#4DAADE
16.7%	16.7% #419CD3	RGB 65 156 211	#419CD3
33.3%	33.3% #378EC9	RGB 55 142 201	#378EC9
50.0%	50.0% #2D81BE	RGB 45 129 190	#2D81BE
66.7%	66.7% #2474B4	RGB 36 116 180	#2474B4
83.3%	83.3% #1C68A9	RGB 28 104 169	#1C68A9
100.0%	100.0% #155C9F	RGB 21 92 159	#155C9F

#4DAADE #419CD3 #378EC9 #2D81BE #2474B4 #1C68A9 #155C9F

#4DAADE - #2D81BE - #155C9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4DAADE 0%, #2D81BE 50%, #155C9F 100%);
    background: -webkit-linear-gradient(top, #4DAADE 0%, #2D81BE 50%, #155C9F 100%);
    background: linear-gradient(to bottom, #4DAADE 0%, #2D81BE 50%, #155C9F 100%);
}
</style>