#00399B - #3C92E1 | 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 #00399B to #3C92E1

#00399B #3C92E1

Calculate the color between two colors, #00399B and #3C92E1. 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)

#00399B - #3C92E1 | 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 #00399B as 0% and #3C92E1 as 100%.

0.0%	0.0% #00399B	RGB 0 57 155	#00399B
16.7%	16.7% #0A47A6	RGB 10 71 166	#0A47A6
33.3%	33.3% #1456B2	RGB 20 86 178	#1456B2
50.0%	50.0% #1E65BE	RGB 30 101 190	#1E65BE
66.7%	66.7% #2874C9	RGB 40 116 201	#2874C9
83.3%	83.3% #3283D5	RGB 50 131 213	#3283D5
100.0%	100.0% #3C92E1	RGB 60 146 225	#3C92E1

#00399B #0A47A6 #1456B2 #1E65BE #2874C9 #3283D5 #3C92E1

#00399B - #3C92E1

HSV Blend

#00399B - #3C92E1 | 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 #00399B as 0% and #3C92E1 as 100%.

0.0%	0.0% #00389B	RGB 0 56 155	#00389B
16.7%	16.7% #0746A6	RGB 7 70 166	#0746A6
33.3%	33.3% #0F53B2	RGB 15 83 178	#0F53B2
50.0%	50.0% #1962BE	RGB 25 98 190	#1962BE
66.7%	66.7% #2371C9	RGB 35 113 201	#2371C9
83.3%	83.3% #2F81D5	RGB 47 129 213	#2F81D5
100.0%	100.0% #3C92E1	RGB 60 146 225	#3C92E1

#00389B #0746A6 #0F53B2 #1962BE #2371C9 #2F81D5 #3C92E1

#00399B - #1962BE - #3C92E1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00389B 0%, #1962BE 50%, #3C92E1 100%);
    background: -webkit-linear-gradient(top, #00389B 0%, #1962BE 50%, #3C92E1 100%);
    background: linear-gradient(to bottom, #00389B 0%, #1962BE 50%, #3C92E1 100%);
}
</style>