#3E7E9C - #0C3F5E | 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 #3E7E9C to #0C3F5E

#3E7E9C #0C3F5E

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

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

0.0%	0.0% #3E7E9C	RGB 62 126 156	#3E7E9C
16.7%	16.7% #357391	RGB 53 115 145	#357391
33.3%	33.3% #2D6987	RGB 45 105 135	#2D6987
50.0%	50.0% #255E7D	RGB 37 94 125	#255E7D
66.7%	66.7% #1C5472	RGB 28 84 114	#1C5472
83.3%	83.3% #144968	RGB 20 73 104	#144968
100.0%	100.0% #0C3F5E	RGB 12 63 94	#0C3F5E

#3E7E9C #357391 #2D6987 #255E7D #1C5472 #144968 #0C3F5E

#3E7E9C - #0C3F5E

HSV Blend

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

0.0%	0.0% #3E7E9C	RGB 62 126 156	#3E7E9C
16.7%	16.7% #337291	RGB 51 114 145	#337291
33.3%	33.3% #296787	RGB 41 103 135	#296787
50.0%	50.0% #205C7D	RGB 32 92 125	#205C7D
66.7%	66.7% #185272	RGB 24 82 114	#185272
83.3%	83.3% #124868	RGB 18 72 104	#124868
100.0%	100.0% #0C3F5E	RGB 12 63 94	#0C3F5E

#3E7E9C #337291 #296787 #205C7D #185272 #124868 #0C3F5E

#3E7E9C - #205C7D - #0C3F5E

CSS codes

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

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