#3C757E - #074D4C | 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 #3C757E to #074D4C

#3C757E #074D4C

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

#3C757E - #074D4C | 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 #3C757E as 0% and #074D4C as 100%.

0.0%	0.0% #3C757E	RGB 60 117 126	#3C757E
16.7%	16.7% #336E75	RGB 51 110 117	#336E75
33.3%	33.3% #2A676D	RGB 42 103 109	#2A676D
50.0%	50.0% #216165	RGB 33 97 101	#216165
66.7%	66.7% #185A5C	RGB 24 90 92	#185A5C
83.3%	83.3% #0F5354	RGB 15 83 84	#0F5354
100.0%	100.0% #074D4C	RGB 7 77 76	#074D4C

#3C757E #336E75 #2A676D #216165 #185A5C #0F5354 #074D4C

#3C757E - #074D4C

HSV Blend

#3C757E - #074D4C | 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 #3C757E as 0% and #074D4C as 100%.

0.0%	0.0% #3C757E	RGB 60 117 126	#3C757E
16.7%	16.7% #306E75	RGB 48 110 117	#306E75
33.3%	33.3% #26676D	RGB 38 103 109	#26676D
50.0%	50.0% #1C6165	RGB 28 97 101	#1C6165
66.7%	66.7% #145A5D	RGB 20 90 93	#145A5D
83.3%	83.3% #0D5455	RGB 13 84 85	#0D5455
100.0%	100.0% #074D4C	RGB 7 77 76	#074D4C

#3C757E #306E75 #26676D #1C6165 #145A5D #0D5455 #074D4C

#3C757E - #1C6165 - #074D4C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C757E 0%, #1C6165 50%, #074D4C 100%);
    background: -webkit-linear-gradient(top, #3C757E 0%, #1C6165 50%, #074D4C 100%);
    background: linear-gradient(to bottom, #3C757E 0%, #1C6165 50%, #074D4C 100%);
}
</style>