#3669B6 - #172B5A | 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 #3669B6 to #172B5A

#3669B6 #172B5A

Calculate the color between two colors, #3669B6 and #172B5A. 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)

#3669B6 - #172B5A | 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 #3669B6 as 0% and #172B5A as 100%.

0.0%	0.0% #3669B6	RGB 54 105 182	#3669B6
16.7%	16.7% #305EA6	RGB 48 94 166	#305EA6
33.3%	33.3% #2B5497	RGB 43 84 151	#2B5497
50.0%	50.0% #264A88	RGB 38 74 136	#264A88
66.7%	66.7% #213F78	RGB 33 63 120	#213F78
83.3%	83.3% #1C3569	RGB 28 53 105	#1C3569
100.0%	100.0% #172B5A	RGB 23 43 90	#172B5A

#3669B6 #305EA6 #2B5497 #264A88 #213F78 #1C3569 #172B5A

#3669B6 - #172B5A

HSV Blend

#3669B6 - #172B5A | 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 #3669B6 as 0% and #172B5A as 100%.

0.0%	0.0% #3668B6	RGB 54 104 182	#3668B6
16.7%	16.7% #305DA6	RGB 48 93 166	#305DA6
33.3%	33.3% #2A5297	RGB 42 82 151	#2A5297
50.0%	50.0% #254788	RGB 37 71 136	#254788
66.7%	66.7% #203D78	RGB 32 61 120	#203D78
83.3%	83.3% #1B3469	RGB 27 52 105	#1B3469
100.0%	100.0% #172B5A	RGB 23 43 90	#172B5A

#3668B6 #305DA6 #2A5297 #254788 #203D78 #1B3469 #172B5A

#3669B6 - #254788 - #172B5A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3668B6 0%, #254788 50%, #172B5A 100%);
    background: -webkit-linear-gradient(top, #3668B6 0%, #254788 50%, #172B5A 100%);
    background: linear-gradient(to bottom, #3668B6 0%, #254788 50%, #172B5A 100%);
}
</style>