#9FFCFC - #2D4848 | 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 #9FFCFC to #2D4848

#9FFCFC #2D4848

Calculate the color between two colors, #9FFCFC and #2D4848. 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)

#9FFCFC - #2D4848 | 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 #9FFCFC as 0% and #2D4848 as 100%.

0.0%	0.0% #9FFCFC	RGB 159 252 252	#9FFCFC
16.7%	16.7% #8CDEDE	RGB 140 222 222	#8CDEDE
33.3%	33.3% #79C0C0	RGB 121 192 192	#79C0C0
50.0%	50.0% #66A2A2	RGB 102 162 162	#66A2A2
66.7%	66.7% #538484	RGB 83 132 132	#538484
83.3%	83.3% #406666	RGB 64 102 102	#406666
100.0%	100.0% #2D4848	RGB 45 72 72	#2D4848

#9FFCFC #8CDEDE #79C0C0 #66A2A2 #538484 #406666 #2D4848

#9FFCFC - #2D4848

HSV Blend

#9FFCFC - #2D4848 | 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 #9FFCFC as 0% and #2D4848 as 100%.

0.0%	0.0% #9FFCFC	RGB 159 252 252	#9FFCFC
16.7%	16.7% #8BDEDE	RGB 139 222 222	#8BDEDE
33.3%	33.3% #78C0C0	RGB 120 192 192	#78C0C0
50.0%	50.0% #65A2A2	RGB 101 162 162	#65A2A2
66.7%	66.7% #528484	RGB 82 132 132	#528484
83.3%	83.3% #3F6666	RGB 63 102 102	#3F6666
100.0%	100.0% #2D4848	RGB 45 72 72	#2D4848

#9FFCFC #8BDEDE #78C0C0 #65A2A2 #528484 #3F6666 #2D4848

#9FFCFC - #65A2A2 - #2D4848

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FFCFC 0%, #65A2A2 50%, #2D4848 100%);
    background: -webkit-linear-gradient(top, #9FFCFC 0%, #65A2A2 50%, #2D4848 100%);
    background: linear-gradient(to bottom, #9FFCFC 0%, #65A2A2 50%, #2D4848 100%);
}
</style>