#3C7EB3 - #112433 | 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 #3C7EB3 to #112433

#3C7EB3 #112433

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

#3C7EB3 - #112433 | 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 #3C7EB3 as 0% and #112433 as 100%.

0.0%	0.0% #3C7EB3	RGB 60 126 179	#3C7EB3
16.7%	16.7% #346F9D	RGB 52 111 157	#346F9D
33.3%	33.3% #2D6088	RGB 45 96 136	#2D6088
50.0%	50.0% #265173	RGB 38 81 115	#265173
66.7%	66.7% #1F425D	RGB 31 66 93	#1F425D
83.3%	83.3% #183348	RGB 24 51 72	#183348
100.0%	100.0% #112433	RGB 17 36 51	#112433

#3C7EB3 #346F9D #2D6088 #265173 #1F425D #183348 #112433

#3C7EB3 - #112433

HSV Blend

#3C7EB3 - #112433 | 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 #3C7EB3 as 0% and #112433 as 100%.

0.0%	0.0% #3C7EB3	RGB 60 126 179	#3C7EB3
16.7%	16.7% #346F9D	RGB 52 111 157	#346F9D
33.3%	33.3% #2D6088	RGB 45 96 136	#2D6088
50.0%	50.0% #265173	RGB 38 81 115	#265173
66.7%	66.7% #1F425D	RGB 31 66 93	#1F425D
83.3%	83.3% #183348	RGB 24 51 72	#183348
100.0%	100.0% #112433	RGB 17 36 51	#112433

#3C7EB3 #346F9D #2D6088 #265173 #1F425D #183348 #112433

#3C7EB3 - #265173 - #112433

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C7EB3 0%, #265173 50%, #112433 100%);
    background: -webkit-linear-gradient(top, #3C7EB3 0%, #265173 50%, #112433 100%);
    background: linear-gradient(to bottom, #3C7EB3 0%, #265173 50%, #112433 100%);
}
</style>