#5EADBE - #255F78 | 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 #5EADBE to #255F78

#5EADBE #255F78

Calculate the color between two colors, #5EADBE and #255F78. 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)

#5EADBE - #255F78 | 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 #5EADBE as 0% and #255F78 as 100%.

0.0%	0.0% #5EADBE	RGB 94 173 190	#5EADBE
16.7%	16.7% #54A0B2	RGB 84 160 178	#54A0B2
33.3%	33.3% #4B93A6	RGB 75 147 166	#4B93A6
50.0%	50.0% #41869B	RGB 65 134 155	#41869B
66.7%	66.7% #38798F	RGB 56 121 143	#38798F
83.3%	83.3% #2E6C83	RGB 46 108 131	#2E6C83
100.0%	100.0% #255F78	RGB 37 95 120	#255F78

#5EADBE #54A0B2 #4B93A6 #41869B #38798F #2E6C83 #255F78

#5EADBE - #255F78

HSV Blend

#5EADBE - #255F78 | 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 #5EADBE as 0% and #255F78 as 100%.

0.0%	0.0% #5EADBE	RGB 94 173 190	#5EADBE
16.7%	16.7% #529FB2	RGB 82 159 178	#529FB2
33.3%	33.3% #4892A6	RGB 72 146 166	#4892A6
50.0%	50.0% #3E849B	RGB 62 132 155	#3E849B
66.7%	66.7% #35778F	RGB 53 119 143	#35778F
83.3%	83.3% #2C6B83	RGB 44 107 131	#2C6B83
100.0%	100.0% #255F78	RGB 37 95 120	#255F78

#5EADBE #529FB2 #4892A6 #3E849B #35778F #2C6B83 #255F78

#5EADBE - #3E849B - #255F78

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EADBE 0%, #3E849B 50%, #255F78 100%);
    background: -webkit-linear-gradient(top, #5EADBE 0%, #3E849B 50%, #255F78 100%);
    background: linear-gradient(to bottom, #5EADBE 0%, #3E849B 50%, #255F78 100%);
}
</style>