#3C5E6F - #083F4F | 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 #3C5E6F to #083F4F

#3C5E6F #083F4F

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

#3C5E6F - #083F4F | 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 #3C5E6F as 0% and #083F4F as 100%.

0.0%	0.0% #3C5E6F	RGB 60 94 111	#3C5E6F
16.7%	16.7% #335869	RGB 51 88 105	#335869
33.3%	33.3% #2A5364	RGB 42 83 100	#2A5364
50.0%	50.0% #224E5F	RGB 34 78 95	#224E5F
66.7%	66.7% #194959	RGB 25 73 89	#194959
83.3%	83.3% #104454	RGB 16 68 84	#104454
100.0%	100.0% #083F4F	RGB 8 63 79	#083F4F

#3C5E6F #335869 #2A5364 #224E5F #194959 #104454 #083F4F

#3C5E6F - #083F4F

HSV Blend

#3C5E6F - #083F4F | 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 #3C5E6F as 0% and #083F4F as 100%.

0.0%	0.0% #3C5E6F	RGB 60 94 111	#3C5E6F
16.7%	16.7% #315769	RGB 49 87 105	#315769
33.3%	33.3% #275264	RGB 39 82 100	#275264
50.0%	50.0% #1E4C5F	RGB 30 76 95	#1E4C5F
66.7%	66.7% #164859	RGB 22 72 89	#164859
83.3%	83.3% #0E4354	RGB 14 67 84	#0E4354
100.0%	100.0% #083F4F	RGB 8 63 79	#083F4F

#3C5E6F #315769 #275264 #1E4C5F #164859 #0E4354 #083F4F

#3C5E6F - #1E4C5F - #083F4F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5E6F 0%, #1E4C5F 50%, #083F4F 100%);
    background: -webkit-linear-gradient(top, #3C5E6F 0%, #1E4C5F 50%, #083F4F 100%);
    background: linear-gradient(to bottom, #3C5E6F 0%, #1E4C5F 50%, #083F4F 100%);
}
</style>