#5BA4D9 - #192E3E | 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 #5BA4D9 to #192E3E

#5BA4D9 #192E3E

Calculate the color between two colors, #5BA4D9 and #192E3E. 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)

#5BA4D9 - #192E3E | 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 #5BA4D9 as 0% and #192E3E as 100%.

0.0%	0.0% #5BA4D9	RGB 91 164 217	#5BA4D9
16.7%	16.7% #5090BF	RGB 80 144 191	#5090BF
33.3%	33.3% #457CA5	RGB 69 124 165	#457CA5
50.0%	50.0% #3A698B	RGB 58 105 139	#3A698B
66.7%	66.7% #2F5571	RGB 47 85 113	#2F5571
83.3%	83.3% #244157	RGB 36 65 87	#244157
100.0%	100.0% #192E3E	RGB 25 46 62	#192E3E

#5BA4D9 #5090BF #457CA5 #3A698B #2F5571 #244157 #192E3E

#5BA4D9 - #192E3E

HSV Blend

#5BA4D9 - #192E3E | 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 #5BA4D9 as 0% and #192E3E as 100%.

0.0%	0.0% #5AA3D9	RGB 90 163 217	#5AA3D9
16.7%	16.7% #4F90BF	RGB 79 144 191	#4F90BF
33.3%	33.3% #447CA5	RGB 68 124 165	#447CA5
50.0%	50.0% #39688B	RGB 57 104 139	#39688B
66.7%	66.7% #2E5471	RGB 46 84 113	#2E5471
83.3%	83.3% #234157	RGB 35 65 87	#234157
100.0%	100.0% #192E3E	RGB 25 46 62	#192E3E

#5AA3D9 #4F90BF #447CA5 #39688B #2E5471 #234157 #192E3E

#5BA4D9 - #39688B - #192E3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5AA3D9 0%, #39688B 50%, #192E3E 100%);
    background: -webkit-linear-gradient(top, #5AA3D9 0%, #39688B 50%, #192E3E 100%);
    background: linear-gradient(to bottom, #5AA3D9 0%, #39688B 50%, #192E3E 100%);
}
</style>