#4B5C5E - #09434E | 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 #4B5C5E to #09434E

#4B5C5E #09434E

Calculate the color between two colors, #4B5C5E and #09434E. 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)

#4B5C5E - #09434E | 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 #4B5C5E as 0% and #09434E as 100%.

0.0%	0.0% #4B5C5E	RGB 75 92 94	#4B5C5E
16.7%	16.7% #40575B	RGB 64 87 91	#40575B
33.3%	33.3% #355358	RGB 53 83 88	#355358
50.0%	50.0% #2A4F56	RGB 42 79 86	#2A4F56
66.7%	66.7% #1F4B53	RGB 31 75 83	#1F4B53
83.3%	83.3% #144750	RGB 20 71 80	#144750
100.0%	100.0% #09434E	RGB 9 67 78	#09434E

#4B5C5E #40575B #355358 #2A4F56 #1F4B53 #144750 #09434E

#4B5C5E - #09434E

HSV Blend

#4B5C5E - #09434E | 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 #4B5C5E as 0% and #09434E as 100%.

0.0%	0.0% #4B5C5E	RGB 75 92 94	#4B5C5E
16.7%	16.7% #3E585B	RGB 62 88 91	#3E585B
33.3%	33.3% #325358	RGB 50 83 88	#325358
50.0%	50.0% #274F56	RGB 39 79 86	#274F56
66.7%	66.7% #1C4B53	RGB 28 75 83	#1C4B53
83.3%	83.3% #124750	RGB 18 71 80	#124750
100.0%	100.0% #09434E	RGB 9 67 78	#09434E

#4B5C5E #3E585B #325358 #274F56 #1C4B53 #124750 #09434E

#4B5C5E - #274F56 - #09434E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B5C5E 0%, #274F56 50%, #09434E 100%);
    background: -webkit-linear-gradient(top, #4B5C5E 0%, #274F56 50%, #09434E 100%);
    background: linear-gradient(to bottom, #4B5C5E 0%, #274F56 50%, #09434E 100%);
}
</style>