#3C7BAC - #1B3756 | 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 #3C7BAC to #1B3756

#3C7BAC #1B3756

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

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

0.0%	0.0% #3C7BAC	RGB 60 123 172	#3C7BAC
16.7%	16.7% #366F9D	RGB 54 111 157	#366F9D
33.3%	33.3% #31648F	RGB 49 100 143	#31648F
50.0%	50.0% #2B5981	RGB 43 89 129	#2B5981
66.7%	66.7% #264D72	RGB 38 77 114	#264D72
83.3%	83.3% #204264	RGB 32 66 100	#204264
100.0%	100.0% #1B3756	RGB 27 55 86	#1B3756

#3C7BAC #366F9D #31648F #2B5981 #264D72 #204264 #1B3756

#3C7BAC - #1B3756

HSV Blend

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

0.0%	0.0% #3C7AAC	RGB 60 122 172	#3C7AAC
16.7%	16.7% #366E9D	RGB 54 110 157	#366E9D
33.3%	33.3% #30628F	RGB 48 98 143	#30628F
50.0%	50.0% #2A5781	RGB 42 87 129	#2A5781
66.7%	66.7% #254C72	RGB 37 76 114	#254C72
83.3%	83.3% #204164	RGB 32 65 100	#204164
100.0%	100.0% #1B3756	RGB 27 55 86	#1B3756

#3C7AAC #366E9D #30628F #2A5781 #254C72 #204164 #1B3756

#3C7BAC - #2A5781 - #1B3756

CSS codes

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

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