#001455 - #5E93AF | 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 #001455 to #5E93AF

#001455 #5E93AF

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

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

0.0%	0.0% #001455	RGB 0 20 85	#001455
16.7%	16.7% #0F2964	RGB 15 41 100	#0F2964
33.3%	33.3% #1F3E73	RGB 31 62 115	#1F3E73
50.0%	50.0% #2F5382	RGB 47 83 130	#2F5382
66.7%	66.7% #3E6891	RGB 62 104 145	#3E6891
83.3%	83.3% #4E7DA0	RGB 78 125 160	#4E7DA0
100.0%	100.0% #5E93AF	RGB 94 147 175	#5E93AF

#001455 #0F2964 #1F3E73 #2F5382 #3E6891 #4E7DA0 #5E93AF

#001455 - #5E93AF

HSV Blend

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

0.0%	0.0% #001355	RGB 0 19 85	#001355
16.7%	16.7% #082464	RGB 8 36 100	#082464
33.3%	33.3% #143773	RGB 20 55 115	#143773
50.0%	50.0% #224D82	RGB 34 77 130	#224D82
66.7%	66.7% #336391	RGB 51 99 145	#336391
83.3%	83.3% #477BA0	RGB 71 123 160	#477BA0
100.0%	100.0% #5E93AF	RGB 94 147 175	#5E93AF

#001355 #082464 #143773 #224D82 #336391 #477BA0 #5E93AF

#001455 - #224D82 - #5E93AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #001355 0%, #224D82 50%, #5E93AF 100%);
    background: -webkit-linear-gradient(top, #001355 0%, #224D82 50%, #5E93AF 100%);
    background: linear-gradient(to bottom, #001355 0%, #224D82 50%, #5E93AF 100%);
}
</style>