#1ED1FF - #BEF3DB | 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 #1ED1FF to #BEF3DB

#1ED1FF #BEF3DB

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

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

0.0%	0.0% #1ED1FF	RGB 30 209 255	#1ED1FF
16.7%	16.7% #38D6F9	RGB 56 214 249	#38D6F9
33.3%	33.3% #53DCF3	RGB 83 220 243	#53DCF3
50.0%	50.0% #6EE2ED	RGB 110 226 237	#6EE2ED
66.7%	66.7% #88E7E7	RGB 136 231 231	#88E7E7
83.3%	83.3% #A3EDE1	RGB 163 237 225	#A3EDE1
100.0%	100.0% #BEF3DB	RGB 190 243 219	#BEF3DB

#1ED1FF #38D6F9 #53DCF3 #6EE2ED #88E7E7 #A3EDE1 #BEF3DB

#1ED1FF - #BEF3DB

HSV Blend

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

0.0%	0.0% #1DD1FF	RGB 29 209 255	#1DD1FF
16.7%	16.7% #39EAFD	RGB 57 234 253	#39EAFD
33.3%	33.3% #55FBF8	RGB 85 251 248	#55FBF8
50.0%	50.0% #6FF9E7	RGB 111 249 231	#6FF9E7
66.7%	66.7% #8AF7DD	RGB 138 247 221	#8AF7DD
83.3%	83.3% #A4F5D9	RGB 164 245 217	#A4F5D9
100.0%	100.0% #BEF3DB	RGB 190 243 219	#BEF3DB

#1DD1FF #39EAFD #55FBF8 #6FF9E7 #8AF7DD #A4F5D9 #BEF3DB

#1ED1FF - #6FF9E7 - #BEF3DB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1DD1FF 0%, #6FF9E7 50%, #BEF3DB 100%);
    background: -webkit-linear-gradient(top, #1DD1FF 0%, #6FF9E7 50%, #BEF3DB 100%);
    background: linear-gradient(to bottom, #1DD1FF 0%, #6FF9E7 50%, #BEF3DB 100%);
}
</style>