#478A8C - #263E40 | 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 #478A8C to #263E40

#478A8C #263E40

Calculate the color between two colors, #478A8C and #263E40. 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)

#478A8C - #263E40 | 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 #478A8C as 0% and #263E40 as 100%.

0.0%	0.0% #478A8C	RGB 71 138 140	#478A8C
16.7%	16.7% #417D7F	RGB 65 125 127	#417D7F
33.3%	33.3% #3C7072	RGB 60 112 114	#3C7072
50.0%	50.0% #366466	RGB 54 100 102	#366466
66.7%	66.7% #315759	RGB 49 87 89	#315759
83.3%	83.3% #2B4A4C	RGB 43 74 76	#2B4A4C
100.0%	100.0% #263E40	RGB 38 62 64	#263E40

#478A8C #417D7F #3C7072 #366466 #315759 #2B4A4C #263E40

#478A8C - #263E40

HSV Blend

#478A8C - #263E40 | 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 #478A8C as 0% and #263E40 as 100%.

0.0%	0.0% #478A8C	RGB 71 138 140	#478A8C
16.7%	16.7% #427D7F	RGB 66 125 127	#427D7F
33.3%	33.3% #3D7072	RGB 61 112 114	#3D7072
50.0%	50.0% #386366	RGB 56 99 102	#386366
66.7%	66.7% #325659	RGB 50 86 89	#325659
83.3%	83.3% #2C4A4C	RGB 44 74 76	#2C4A4C
100.0%	100.0% #263E40	RGB 38 62 64	#263E40

#478A8C #427D7F #3D7072 #386366 #325659 #2C4A4C #263E40

#478A8C - #386366 - #263E40

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #478A8C 0%, #386366 50%, #263E40 100%);
    background: -webkit-linear-gradient(top, #478A8C 0%, #386366 50%, #263E40 100%);
    background: linear-gradient(to bottom, #478A8C 0%, #386366 50%, #263E40 100%);
}
</style>