#5A8C84 - #152A37 | 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 #5A8C84 to #152A37

#5A8C84 #152A37

Calculate the color between two colors, #5A8C84 and #152A37. 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)

#5A8C84 - #152A37 | 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 #5A8C84 as 0% and #152A37 as 100%.

0.0%	0.0% #5A8C84	RGB 90 140 132	#5A8C84
16.7%	16.7% #4E7B77	RGB 78 123 119	#4E7B77
33.3%	33.3% #436B6A	RGB 67 107 106	#436B6A
50.0%	50.0% #375B5D	RGB 55 91 93	#375B5D
66.7%	66.7% #2C4A50	RGB 44 74 80	#2C4A50
83.3%	83.3% #203A43	RGB 32 58 67	#203A43
100.0%	100.0% #152A37	RGB 21 42 55	#152A37

#5A8C84 #4E7B77 #436B6A #375B5D #2C4A50 #203A43 #152A37

#5A8C84 - #152A37

HSV Blend

#5A8C84 - #152A37 | 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 #5A8C84 as 0% and #152A37 as 100%.

0.0%	0.0% #5A8C84	RGB 90 140 132	#5A8C84
16.7%	16.7% #4B7D7A	RGB 75 125 122	#4B7D7A
33.3%	33.3% #3E6E6F	RGB 62 110 111	#3E6E6F
50.0%	50.0% #315C61	RGB 49 92 97	#315C61
66.7%	66.7% #274A53	RGB 39 74 83	#274A53
83.3%	83.3% #1D3945	RGB 29 57 69	#1D3945
100.0%	100.0% #152A37	RGB 21 42 55	#152A37

#5A8C84 #4B7D7A #3E6E6F #315C61 #274A53 #1D3945 #152A37

#5A8C84 - #315C61 - #152A37

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A8C84 0%, #315C61 50%, #152A37 100%);
    background: -webkit-linear-gradient(top, #5A8C84 0%, #315C61 50%, #152A37 100%);
    background: linear-gradient(to bottom, #5A8C84 0%, #315C61 50%, #152A37 100%);
}
</style>