#4FAAC8 - #8FDFE3 | 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 #4FAAC8 to #8FDFE3

#4FAAC8 #8FDFE3

Calculate the color between two colors, #4FAAC8 and #8FDFE3. 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)

#4FAAC8 - #8FDFE3 | 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 #4FAAC8 as 0% and #8FDFE3 as 100%.

0.0%	0.0% #4FAAC8	RGB 79 170 200	#4FAAC8
16.7%	16.7% #59B2CC	RGB 89 178 204	#59B2CC
33.3%	33.3% #64BBD1	RGB 100 187 209	#64BBD1
50.0%	50.0% #6FC4D5	RGB 111 196 213	#6FC4D5
66.7%	66.7% #79CDDA	RGB 121 205 218	#79CDDA
83.3%	83.3% #84D6DE	RGB 132 214 222	#84D6DE
100.0%	100.0% #8FDFE3	RGB 143 223 227	#8FDFE3

#4FAAC8 #59B2CC #64BBD1 #6FC4D5 #79CDDA #84D6DE #8FDFE3

#4FAAC8 - #8FDFE3

HSV Blend

#4FAAC8 - #8FDFE3 | 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 #4FAAC8 as 0% and #8FDFE3 as 100%.

0.0%	0.0% #4FA9C8	RGB 79 169 200	#4FA9C8
16.7%	16.7% #58B3CC	RGB 88 179 204	#58B3CC
33.3%	33.3% #62BDD1	RGB 98 189 209	#62BDD1
50.0%	50.0% #6DC6D5	RGB 109 198 213	#6DC6D5
66.7%	66.7% #78CEDA	RGB 120 206 218	#78CEDA
83.3%	83.3% #83D7DE	RGB 131 215 222	#83D7DE
100.0%	100.0% #8FDFE3	RGB 143 223 227	#8FDFE3

#4FA9C8 #58B3CC #62BDD1 #6DC6D5 #78CEDA #83D7DE #8FDFE3

#4FAAC8 - #6DC6D5 - #8FDFE3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4FA9C8 0%, #6DC6D5 50%, #8FDFE3 100%);
    background: -webkit-linear-gradient(top, #4FA9C8 0%, #6DC6D5 50%, #8FDFE3 100%);
    background: linear-gradient(to bottom, #4FA9C8 0%, #6DC6D5 50%, #8FDFE3 100%);
}
</style>