#0F1B5E - #385B9E | 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 #0F1B5E to #385B9E

#0F1B5E #385B9E

Calculate the color between two colors, #0F1B5E and #385B9E. 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)

#0F1B5E - #385B9E | 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 #0F1B5E as 0% and #385B9E as 100%.

0.0%	0.0% #0F1B5E	RGB 15 27 94	#0F1B5E
16.7%	16.7% #152568	RGB 21 37 104	#152568
33.3%	33.3% #1C3073	RGB 28 48 115	#1C3073
50.0%	50.0% #233B7E	RGB 35 59 126	#233B7E
66.7%	66.7% #2A4588	RGB 42 69 136	#2A4588
83.3%	83.3% #315093	RGB 49 80 147	#315093
100.0%	100.0% #385B9E	RGB 56 91 158	#385B9E

#0F1B5E #152568 #1C3073 #233B7E #2A4588 #315093 #385B9E

#0F1B5E - #385B9E

HSV Blend

#0F1B5E - #385B9E | 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 #0F1B5E as 0% and #385B9E as 100%.

0.0%	0.0% #0E1B5E	RGB 14 27 94	#0E1B5E
16.7%	16.7% #142368	RGB 20 35 104	#142368
33.3%	33.3% #192D73	RGB 25 45 115	#192D73
50.0%	50.0% #20377E	RGB 32 55 126	#20377E
66.7%	66.7% #274288	RGB 39 66 136	#274288
83.3%	83.3% #2F4E93	RGB 47 78 147	#2F4E93
100.0%	100.0% #385B9E	RGB 56 91 158	#385B9E

#0E1B5E #142368 #192D73 #20377E #274288 #2F4E93 #385B9E

#0F1B5E - #20377E - #385B9E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0E1B5E 0%, #20377E 50%, #385B9E 100%);
    background: -webkit-linear-gradient(top, #0E1B5E 0%, #20377E 50%, #385B9E 100%);
    background: linear-gradient(to bottom, #0E1B5E 0%, #20377E 50%, #385B9E 100%);
}
</style>