#2B4C5D - #8C9692 | 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 #2B4C5D to #8C9692

#2B4C5D #8C9692

Calculate the color between two colors, #2B4C5D and #8C9692. 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)

#2B4C5D - #8C9692 | 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 #2B4C5D as 0% and #8C9692 as 100%.

0.0%	0.0% #2B4C5D	RGB 43 76 93	#2B4C5D
16.7%	16.7% #3B5865	RGB 59 88 101	#3B5865
33.3%	33.3% #4B646E	RGB 75 100 110	#4B646E
50.0%	50.0% #5B7177	RGB 91 113 119	#5B7177
66.7%	66.7% #6B7D80	RGB 107 125 128	#6B7D80
83.3%	83.3% #7B8989	RGB 123 137 137	#7B8989
100.0%	100.0% #8C9692	RGB 140 150 146	#8C9692

#2B4C5D #3B5865 #4B646E #5B7177 #6B7D80 #7B8989 #8C9692

#2B4C5D - #8C9692

HSV Blend

#2B4C5D - #8C9692 | 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 #2B4C5D as 0% and #8C9692 as 100%.

0.0%	0.0% #2A4B5D	RGB 42 75 93	#2A4B5D
16.7%	16.7% #375C66	RGB 55 92 102	#375C66
33.3%	33.3% #456C70	RGB 69 108 112	#456C70
50.0%	50.0% #547978	RGB 84 121 120	#547978
66.7%	66.7% #65837E	RGB 101 131 126	#65837E
83.3%	83.3% #788C86	RGB 120 140 134	#788C86
100.0%	100.0% #8C9692	RGB 140 150 146	#8C9692

#2A4B5D #375C66 #456C70 #547978 #65837E #788C86 #8C9692

#2B4C5D - #547978 - #8C9692

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2A4B5D 0%, #547978 50%, #8C9692 100%);
    background: -webkit-linear-gradient(top, #2A4B5D 0%, #547978 50%, #8C9692 100%);
    background: linear-gradient(to bottom, #2A4B5D 0%, #547978 50%, #8C9692 100%);
}
</style>