#334E5E - #94968F | 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 #334E5E to #94968F

#334E5E #94968F

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

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

0.0%	0.0% #334E5E	RGB 51 78 94	#334E5E
16.7%	16.7% #435A66	RGB 67 90 102	#435A66
33.3%	33.3% #53666E	RGB 83 102 110	#53666E
50.0%	50.0% #637276	RGB 99 114 118	#637276
66.7%	66.7% #737E7E	RGB 115 126 126	#737E7E
83.3%	83.3% #838A86	RGB 131 138 134	#838A86
100.0%	100.0% #94968F	RGB 148 150 143	#94968F

#334E5E #435A66 #53666E #637276 #737E7E #838A86 #94968F

#334E5E - #94968F

HSV Blend

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

0.0%	0.0% #334D5E	RGB 51 77 94	#334D5E
16.7%	16.7% #3F6667	RGB 63 102 103	#3F6667
33.3%	33.3% #4C7064	RGB 76 112 100	#4C7064
50.0%	50.0% #5B7A65	RGB 91 122 101	#5B7A65
66.7%	66.7% #6B836B	RGB 107 131 107	#6B836B
83.3%	83.3% #828C7C	RGB 130 140 124	#828C7C
100.0%	100.0% #94968F	RGB 148 150 143	#94968F

#334D5E #3F6667 #4C7064 #5B7A65 #6B836B #828C7C #94968F

#334E5E - #5B7A65 - #94968F

CSS codes

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

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