#143E4D - #6C8B8C | 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 #143E4D to #6C8B8C

#143E4D #6C8B8C

Calculate the color between two colors, #143E4D and #6C8B8C. 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)

#143E4D - #6C8B8C | 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 #143E4D as 0% and #6C8B8C as 100%.

0.0%	0.0% #143E4D	RGB 20 62 77	#143E4D
16.7%	16.7% #224A57	RGB 34 74 87	#224A57
33.3%	33.3% #315762	RGB 49 87 98	#315762
50.0%	50.0% #40646C	RGB 64 100 108	#40646C
66.7%	66.7% #4E7177	RGB 78 113 119	#4E7177
83.3%	83.3% #5D7E81	RGB 93 126 129	#5D7E81
100.0%	100.0% #6C8B8C	RGB 108 139 140	#6C8B8C

#143E4D #224A57 #315762 #40646C #4E7177 #5D7E81 #6C8B8C

#143E4D - #6C8B8C

HSV Blend

#143E4D - #6C8B8C | 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 #143E4D as 0% and #6C8B8C as 100%.

0.0%	0.0% #133D4D	RGB 19 61 77	#133D4D
16.7%	16.7% #1E4A57	RGB 30 74 87	#1E4A57
33.3%	33.3% #2A5762	RGB 42 87 98	#2A5762
50.0%	50.0% #37646C	RGB 55 100 108	#37646C
66.7%	66.7% #477177	RGB 71 113 119	#477177
83.3%	83.3% #587E81	RGB 88 126 129	#587E81
100.0%	100.0% #6C8B8C	RGB 108 139 140	#6C8B8C

#133D4D #1E4A57 #2A5762 #37646C #477177 #587E81 #6C8B8C

#143E4D - #37646C - #6C8B8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #133D4D 0%, #37646C 50%, #6C8B8C 100%);
    background: -webkit-linear-gradient(top, #133D4D 0%, #37646C 50%, #6C8B8C 100%);
    background: linear-gradient(to bottom, #133D4D 0%, #37646C 50%, #6C8B8C 100%);
}
</style>