#3C7F98 - #11242B | 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 #3C7F98 to #11242B

#3C7F98 #11242B

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

#3C7F98 - #11242B | 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 #3C7F98 as 0% and #11242B as 100%.

0.0%	0.0% #3C7F98	RGB 60 127 152	#3C7F98
16.7%	16.7% #346F85	RGB 52 111 133	#346F85
33.3%	33.3% #2D6073	RGB 45 96 115	#2D6073
50.0%	50.0% #265161	RGB 38 81 97	#265161
66.7%	66.7% #1F424F	RGB 31 66 79	#1F424F
83.3%	83.3% #18333D	RGB 24 51 61	#18333D
100.0%	100.0% #11242B	RGB 17 36 43	#11242B

#3C7F98 #346F85 #2D6073 #265161 #1F424F #18333D #11242B

#3C7F98 - #11242B

HSV Blend

#3C7F98 - #11242B | 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 #3C7F98 as 0% and #11242B as 100%.

0.0%	0.0% #3C7E98	RGB 60 126 152	#3C7E98
16.7%	16.7% #346F85	RGB 52 111 133	#346F85
33.3%	33.3% #2D6073	RGB 45 96 115	#2D6073
50.0%	50.0% #265161	RGB 38 81 97	#265161
66.7%	66.7% #1F424F	RGB 31 66 79	#1F424F
83.3%	83.3% #18333D	RGB 24 51 61	#18333D
100.0%	100.0% #11242B	RGB 17 36 43	#11242B

#3C7E98 #346F85 #2D6073 #265161 #1F424F #18333D #11242B

#3C7F98 - #265161 - #11242B

CSS codes

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

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