#000355 - #5E84AF | 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 #000355 to #5E84AF

#000355 #5E84AF

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

#000355 - #5E84AF | 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 #000355 as 0% and #5E84AF as 100%.

0.0%	0.0% #000355	RGB 0 3 85	#000355
16.7%	16.7% #0F1864	RGB 15 24 100	#0F1864
33.3%	33.3% #1F2E73	RGB 31 46 115	#1F2E73
50.0%	50.0% #2F4382	RGB 47 67 130	#2F4382
66.7%	66.7% #3E5991	RGB 62 89 145	#3E5991
83.3%	83.3% #4E6EA0	RGB 78 110 160	#4E6EA0
100.0%	100.0% #5E84AF	RGB 94 132 175	#5E84AF

#000355 #0F1864 #1F2E73 #2F4382 #3E5991 #4E6EA0 #5E84AF

#000355 - #5E84AF

HSV Blend

#000355 - #5E84AF | 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 #000355 as 0% and #5E84AF as 100%.

0.0%	0.0% #000355	RGB 0 3 85	#000355
16.7%	16.7% #081264	RGB 8 18 100	#081264
33.3%	33.3% #142573	RGB 20 37 115	#142573
50.0%	50.0% #223A82	RGB 34 58 130	#223A82
66.7%	66.7% #335291	RGB 51 82 145	#335291
83.3%	83.3% #476AA0	RGB 71 106 160	#476AA0
100.0%	100.0% #5E84AF	RGB 94 132 175	#5E84AF

#000355 #081264 #142573 #223A82 #335291 #476AA0 #5E84AF

#000355 - #223A82 - #5E84AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #000355 0%, #223A82 50%, #5E84AF 100%);
    background: -webkit-linear-gradient(top, #000355 0%, #223A82 50%, #5E84AF 100%);
    background: linear-gradient(to bottom, #000355 0%, #223A82 50%, #5E84AF 100%);
}
</style>