#4C8889 - #283C3D | 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 #4C8889 to #283C3D

#4C8889 #283C3D

Calculate the color between two colors, #4C8889 and #283C3D. 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)

#4C8889 - #283C3D | 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 #4C8889 as 0% and #283C3D as 100%.

0.0%	0.0% #4C8889	RGB 76 136 137	#4C8889
16.7%	16.7% #467B7C	RGB 70 123 124	#467B7C
33.3%	33.3% #406E6F	RGB 64 110 111	#406E6F
50.0%	50.0% #3A6263	RGB 58 98 99	#3A6263
66.7%	66.7% #345556	RGB 52 85 86	#345556
83.3%	83.3% #2E4849	RGB 46 72 73	#2E4849
100.0%	100.0% #283C3D	RGB 40 60 61	#283C3D

#4C8889 #467B7C #406E6F #3A6263 #345556 #2E4849 #283C3D

#4C8889 - #283C3D

HSV Blend

#4C8889 - #283C3D | 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 #4C8889 as 0% and #283C3D as 100%.

0.0%	0.0% #4C8889	RGB 76 136 137	#4C8889
16.7%	16.7% #477B7C	RGB 71 123 124	#477B7C
33.3%	33.3% #416E6F	RGB 65 110 111	#416E6F
50.0%	50.0% #3B6163	RGB 59 97 99	#3B6163
66.7%	66.7% #355556	RGB 53 85 86	#355556
83.3%	83.3% #2F4849	RGB 47 72 73	#2F4849
100.0%	100.0% #283C3D	RGB 40 60 61	#283C3D

#4C8889 #477B7C #416E6F #3B6163 #355556 #2F4849 #283C3D

#4C8889 - #3B6163 - #283C3D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C8889 0%, #3B6163 50%, #283C3D 100%);
    background: -webkit-linear-gradient(top, #4C8889 0%, #3B6163 50%, #283C3D 100%);
    background: linear-gradient(to bottom, #4C8889 0%, #3B6163 50%, #283C3D 100%);
}
</style>