#1EC8D4 - #BEEFF2 | 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 #1EC8D4 to #BEEFF2

#1EC8D4 #BEEFF2

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

#1EC8D4 - #BEEFF2 | 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 #1EC8D4 as 0% and #BEEFF2 as 100%.

0.0%	0.0% #1EC8D4	RGB 30 200 212	#1EC8D4
16.7%	16.7% #38CED9	RGB 56 206 217	#38CED9
33.3%	33.3% #53D5DE	RGB 83 213 222	#53D5DE
50.0%	50.0% #6EDBE3	RGB 110 219 227	#6EDBE3
66.7%	66.7% #88E2E8	RGB 136 226 232	#88E2E8
83.3%	83.3% #A3E8ED	RGB 163 232 237	#A3E8ED
100.0%	100.0% #BEEFF2	RGB 190 239 242	#BEEFF2

#1EC8D4 #38CED9 #53D5DE #6EDBE3 #88E2E8 #A3E8ED #BEEFF2

#1EC8D4 - #BEEFF2

HSV Blend

#1EC8D4 - #BEEFF2 | 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 #1EC8D4 as 0% and #BEEFF2 as 100%.

0.0%	0.0% #1DC8D4	RGB 29 200 212	#1DC8D4
16.7%	16.7% #35CED9	RGB 53 206 217	#35CED9
33.3%	33.3% #4FD4DE	RGB 79 212 222	#4FD4DE
50.0%	50.0% #69DBE3	RGB 105 219 227	#69DBE3
66.7%	66.7% #84E1E8	RGB 132 225 232	#84E1E8
83.3%	83.3% #A0E8ED	RGB 160 232 237	#A0E8ED
100.0%	100.0% #BEEFF2	RGB 190 239 242	#BEEFF2

#1DC8D4 #35CED9 #4FD4DE #69DBE3 #84E1E8 #A0E8ED #BEEFF2

#1EC8D4 - #69DBE3 - #BEEFF2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1DC8D4 0%, #69DBE3 50%, #BEEFF2 100%);
    background: -webkit-linear-gradient(top, #1DC8D4 0%, #69DBE3 50%, #BEEFF2 100%);
    background: linear-gradient(to bottom, #1DC8D4 0%, #69DBE3 50%, #BEEFF2 100%);
}
</style>