#3C828C - #112528 | 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 #3C828C to #112528

#3C828C #112528

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

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

0.0%	0.0% #3C828C	RGB 60 130 140	#3C828C
16.7%	16.7% #34727B	RGB 52 114 123	#34727B
33.3%	33.3% #2D636A	RGB 45 99 106	#2D636A
50.0%	50.0% #26535A	RGB 38 83 90	#26535A
66.7%	66.7% #1F4449	RGB 31 68 73	#1F4449
83.3%	83.3% #183438	RGB 24 52 56	#183438
100.0%	100.0% #112528	RGB 17 37 40	#112528

#3C828C #34727B #2D636A #26535A #1F4449 #183438 #112528

#3C828C - #112528

HSV Blend

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

0.0%	0.0% #3C828C	RGB 60 130 140	#3C828C
16.7%	16.7% #34727B	RGB 52 114 123	#34727B
33.3%	33.3% #2D626A	RGB 45 98 106	#2D626A
50.0%	50.0% #26535A	RGB 38 83 90	#26535A
66.7%	66.7% #1F4349	RGB 31 67 73	#1F4349
83.3%	83.3% #183438	RGB 24 52 56	#183438
100.0%	100.0% #112528	RGB 17 37 40	#112528

#3C828C #34727B #2D626A #26535A #1F4349 #183438 #112528

#3C828C - #26535A - #112528

CSS codes

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

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