#5E8F8C - #79FFCF | 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 #5E8F8C to #79FFCF

#5E8F8C #79FFCF

Calculate the color between two colors, #5E8F8C and #79FFCF. 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)

#5E8F8C - #79FFCF | 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 #5E8F8C as 0% and #79FFCF as 100%.

0.0%	0.0% #5E8F8C	RGB 94 143 140	#5E8F8C
16.7%	16.7% #62A197	RGB 98 161 151	#62A197
33.3%	33.3% #67B4A2	RGB 103 180 162	#67B4A2
50.0%	50.0% #6BC7AD	RGB 107 199 173	#6BC7AD
66.7%	66.7% #70D9B8	RGB 112 217 184	#70D9B8
83.3%	83.3% #74ECC3	RGB 116 236 195	#74ECC3
100.0%	100.0% #79FFCF	RGB 121 255 207	#79FFCF

#5E8F8C #62A197 #67B4A2 #6BC7AD #70D9B8 #74ECC3 #79FFCF

#5E8F8C - #79FFCF

HSV Blend

#5E8F8C - #79FFCF | 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 #5E8F8C as 0% and #79FFCF as 100%.

0.0%	0.0% #5E8F8C	RGB 94 143 140	#5E8F8C
16.7%	16.7% #65A19A	RGB 101 161 154	#65A19A
33.3%	33.3% #6BB4A8	RGB 107 180 168	#6BB4A8
50.0%	50.0% #70C7B4	RGB 112 199 180	#70C7B4
66.7%	66.7% #74D9BF	RGB 116 217 191	#74D9BF
83.3%	83.3% #77ECC8	RGB 119 236 200	#77ECC8
100.0%	100.0% #79FFCF	RGB 121 255 207	#79FFCF

#5E8F8C #65A19A #6BB4A8 #70C7B4 #74D9BF #77ECC8 #79FFCF

#5E8F8C - #70C7B4 - #79FFCF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8F8C 0%, #70C7B4 50%, #79FFCF 100%);
    background: -webkit-linear-gradient(top, #5E8F8C 0%, #70C7B4 50%, #79FFCF 100%);
    background: linear-gradient(to bottom, #5E8F8C 0%, #70C7B4 50%, #79FFCF 100%);
}
</style>