#8FD3DF - #1A8AB1 | 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 #8FD3DF to #1A8AB1

#8FD3DF #1A8AB1

Calculate the color between two colors, #8FD3DF and #1A8AB1. 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)

#8FD3DF - #1A8AB1 | 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 #8FD3DF as 0% and #1A8AB1 as 100%.

0.0%	0.0% #8FD3DF	RGB 143 211 223	#8FD3DF
16.7%	16.7% #7BC6D7	RGB 123 198 215	#7BC6D7
33.3%	33.3% #68BACF	RGB 104 186 207	#68BACF
50.0%	50.0% #54AEC8	RGB 84 174 200	#54AEC8
66.7%	66.7% #41A2C0	RGB 65 162 192	#41A2C0
83.3%	83.3% #2D96B8	RGB 45 150 184	#2D96B8
100.0%	100.0% #1A8AB1	RGB 26 138 177	#1A8AB1

#8FD3DF #7BC6D7 #68BACF #54AEC8 #41A2C0 #2D96B8 #1A8AB1

#8FD3DF - #1A8AB1

HSV Blend

#8FD3DF - #1A8AB1 | 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 #8FD3DF as 0% and #1A8AB1 as 100%.

0.0%	0.0% #8FD3DF	RGB 143 211 223	#8FD3DF
16.7%	16.7% #78C7D7	RGB 120 199 215	#78C7D7
33.3%	33.3% #62BBCF	RGB 98 187 207	#62BBCF
50.0%	50.0% #4EAFC8	RGB 78 175 200	#4EAFC8
66.7%	66.7% #3BA2C0	RGB 59 162 192	#3BA2C0
83.3%	83.3% #2A96B8	RGB 42 150 184	#2A96B8
100.0%	100.0% #1A8AB1	RGB 26 138 177	#1A8AB1

#8FD3DF #78C7D7 #62BBCF #4EAFC8 #3BA2C0 #2A96B8 #1A8AB1

#8FD3DF - #4EAFC8 - #1A8AB1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8FD3DF 0%, #4EAFC8 50%, #1A8AB1 100%);
    background: -webkit-linear-gradient(top, #8FD3DF 0%, #4EAFC8 50%, #1A8AB1 100%);
    background: linear-gradient(to bottom, #8FD3DF 0%, #4EAFC8 50%, #1A8AB1 100%);
}
</style>