#013EB6 - #389BF8 | 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 #013EB6 to #389BF8

#013EB6 #389BF8

Calculate the color between two colors, #013EB6 and #389BF8. 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)

#013EB6 - #389BF8 | 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 #013EB6 as 0% and #389BF8 as 100%.

0.0%	0.0% #013EB6	RGB 1 62 182	#013EB6
16.7%	16.7% #0A4DC1	RGB 10 77 193	#0A4DC1
33.3%	33.3% #135DCC	RGB 19 93 204	#135DCC
50.0%	50.0% #1C6CD7	RGB 28 108 215	#1C6CD7
66.7%	66.7% #257CE2	RGB 37 124 226	#257CE2
83.3%	83.3% #2E8BED	RGB 46 139 237	#2E8BED
100.0%	100.0% #389BF8	RGB 56 155 248	#389BF8

#013EB6 #0A4DC1 #135DCC #1C6CD7 #257CE2 #2E8BED #389BF8

#013EB6 - #389BF8

HSV Blend

#013EB6 - #389BF8 | 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 #013EB6 as 0% and #389BF8 as 100%.

0.0%	0.0% #013EB6	RGB 1 62 182	#013EB6
16.7%	16.7% #084BC1	RGB 8 75 193	#084BC1
33.3%	33.3% #105ACC	RGB 16 90 204	#105ACC
50.0%	50.0% #1869D7	RGB 24 105 215	#1869D7
66.7%	66.7% #2279E2	RGB 34 121 226	#2279E2
83.3%	83.3% #2C8AED	RGB 44 138 237	#2C8AED
100.0%	100.0% #389BF8	RGB 56 155 248	#389BF8

#013EB6 #084BC1 #105ACC #1869D7 #2279E2 #2C8AED #389BF8

#013EB6 - #1869D7 - #389BF8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #013EB6 0%, #1869D7 50%, #389BF8 100%);
    background: -webkit-linear-gradient(top, #013EB6 0%, #1869D7 50%, #389BF8 100%);
    background: linear-gradient(to bottom, #013EB6 0%, #1869D7 50%, #389BF8 100%);
}
</style>