#334B5E - #90938F | 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 #334B5E to #90938F

#334B5E #90938F

Calculate the color between two colors, #334B5E and #90938F. 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)

#334B5E - #90938F | 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 #334B5E as 0% and #90938F as 100%.

0.0%	0.0% #334B5E	RGB 51 75 94	#334B5E
16.7%	16.7% #425766	RGB 66 87 102	#425766
33.3%	33.3% #52636E	RGB 82 99 110	#52636E
50.0%	50.0% #616F76	RGB 97 111 118	#616F76
66.7%	66.7% #717B7E	RGB 113 123 126	#717B7E
83.3%	83.3% #808786	RGB 128 135 134	#808786
100.0%	100.0% #90938F	RGB 144 147 143	#90938F

#334B5E #425766 #52636E #616F76 #717B7E #808786 #90938F

#334B5E - #90938F

HSV Blend

#334B5E - #90938F | 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 #334B5E as 0% and #90938F as 100%.

0.0%	0.0% #334B5E	RGB 51 75 94	#334B5E
16.7%	16.7% #3F6066	RGB 63 96 102	#3F6066
33.3%	33.3% #4C6F6B	RGB 76 111 107	#4C6F6B
50.0%	50.0% #5B786C	RGB 91 120 108	#5B786C
66.7%	66.7% #6B8172	RGB 107 129 114	#6B8172
83.3%	83.3% #7C8A7C	RGB 124 138 124	#7C8A7C
100.0%	100.0% #90938F	RGB 144 147 143	#90938F

#334B5E #3F6066 #4C6F6B #5B786C #6B8172 #7C8A7C #90938F

#334B5E - #5B786C - #90938F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #334B5E 0%, #5B786C 50%, #90938F 100%);
    background: -webkit-linear-gradient(top, #334B5E 0%, #5B786C 50%, #90938F 100%);
    background: linear-gradient(to bottom, #334B5E 0%, #5B786C 50%, #90938F 100%);
}
</style>