#003DB6 - #369AF9 | 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 #003DB6 to #369AF9

#003DB6 #369AF9

Calculate the color between two colors, #003DB6 and #369AF9. 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)

#003DB6 - #369AF9 | 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 #003DB6 as 0% and #369AF9 as 100%.

0.0%	0.0% #003DB6	RGB 0 61 182	#003DB6
16.7%	16.7% #094CC1	RGB 9 76 193	#094CC1
33.3%	33.3% #125CCC	RGB 18 92 204	#125CCC
50.0%	50.0% #1B6BD7	RGB 27 107 215	#1B6BD7
66.7%	66.7% #247BE2	RGB 36 123 226	#247BE2
83.3%	83.3% #2D8AED	RGB 45 138 237	#2D8AED
100.0%	100.0% #369AF9	RGB 54 154 249	#369AF9

#003DB6 #094CC1 #125CCC #1B6BD7 #247BE2 #2D8AED #369AF9

#003DB6 - #369AF9

HSV Blend

#003DB6 - #369AF9 | 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 #003DB6 as 0% and #369AF9 as 100%.

0.0%	0.0% #003CB6	RGB 0 60 182	#003CB6
16.7%	16.7% #064AC1	RGB 6 74 193	#064AC1
33.3%	33.3% #0E59CC	RGB 14 89 204	#0E59CC
50.0%	50.0% #1768D7	RGB 23 104 215	#1768D7
66.7%	66.7% #2078E2	RGB 32 120 226	#2078E2
83.3%	83.3% #2A89ED	RGB 42 137 237	#2A89ED
100.0%	100.0% #369AF9	RGB 54 154 249	#369AF9

#003CB6 #064AC1 #0E59CC #1768D7 #2078E2 #2A89ED #369AF9

#003DB6 - #1768D7 - #369AF9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #003CB6 0%, #1768D7 50%, #369AF9 100%);
    background: -webkit-linear-gradient(top, #003CB6 0%, #1768D7 50%, #369AF9 100%);
    background: linear-gradient(to bottom, #003CB6 0%, #1768D7 50%, #369AF9 100%);
}
</style>