#3A79A8 - #1B3552 | 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 #3A79A8 to #1B3552

#3A79A8 #1B3552

Calculate the color between two colors, #3A79A8 and #1B3552. 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)

#3A79A8 - #1B3552 | 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 #3A79A8 as 0% and #1B3552 as 100%.

0.0%	0.0% #3A79A8	RGB 58 121 168	#3A79A8
16.7%	16.7% #346D99	RGB 52 109 153	#346D99
33.3%	33.3% #2F628B	RGB 47 98 139	#2F628B
50.0%	50.0% #2A577D	RGB 42 87 125	#2A577D
66.7%	66.7% #254B6E	RGB 37 75 110	#254B6E
83.3%	83.3% #204060	RGB 32 64 96	#204060
100.0%	100.0% #1B3552	RGB 27 53 82	#1B3552

#3A79A8 #346D99 #2F628B #2A577D #254B6E #204060 #1B3552

#3A79A8 - #1B3552

HSV Blend

#3A79A8 - #1B3552 | 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 #3A79A8 as 0% and #1B3552 as 100%.

0.0%	0.0% #3A79A8	RGB 58 121 168	#3A79A8
16.7%	16.7% #346C99	RGB 52 108 153	#346C99
33.3%	33.3% #2F608B	RGB 47 96 139	#2F608B
50.0%	50.0% #2A557D	RGB 42 85 125	#2A557D
66.7%	66.7% #254A6E	RGB 37 74 110	#254A6E
83.3%	83.3% #1F3F60	RGB 31 63 96	#1F3F60
100.0%	100.0% #1B3552	RGB 27 53 82	#1B3552

#3A79A8 #346C99 #2F608B #2A557D #254A6E #1F3F60 #1B3552

#3A79A8 - #2A557D - #1B3552

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A79A8 0%, #2A557D 50%, #1B3552 100%);
    background: -webkit-linear-gradient(top, #3A79A8 0%, #2A557D 50%, #1B3552 100%);
    background: linear-gradient(to bottom, #3A79A8 0%, #2A557D 50%, #1B3552 100%);
}
</style>