#6ECDFB - #1A81D4 | 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 #6ECDFB to #1A81D4

#6ECDFB #1A81D4

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

#6ECDFB - #1A81D4 | 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 #6ECDFB as 0% and #1A81D4 as 100%.

0.0%	0.0% #6ECDFB	RGB 110 205 251	#6ECDFB
16.7%	16.7% #60C0F4	RGB 96 192 244	#60C0F4
33.3%	33.3% #52B3EE	RGB 82 179 238	#52B3EE
50.0%	50.0% #44A7E7	RGB 68 167 231	#44A7E7
66.7%	66.7% #369AE1	RGB 54 154 225	#369AE1
83.3%	83.3% #288DDA	RGB 40 141 218	#288DDA
100.0%	100.0% #1A81D4	RGB 26 129 212	#1A81D4

#6ECDFB #60C0F4 #52B3EE #44A7E7 #369AE1 #288DDA #1A81D4

#6ECDFB - #1A81D4

HSV Blend

#6ECDFB - #1A81D4 | 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 #6ECDFB as 0% and #1A81D4 as 100%.

0.0%	0.0% #6ECDFB	RGB 110 205 251	#6ECDFB
16.7%	16.7% #5EC0F4	RGB 94 192 244	#5EC0F4
33.3%	33.3% #4FB3EE	RGB 79 179 238	#4FB3EE
50.0%	50.0% #40A7E7	RGB 64 167 231	#40A7E7
66.7%	66.7% #339AE1	RGB 51 154 225	#339AE1
83.3%	83.3% #268DDA	RGB 38 141 218	#268DDA
100.0%	100.0% #1A81D4	RGB 26 129 212	#1A81D4

#6ECDFB #5EC0F4 #4FB3EE #40A7E7 #339AE1 #268DDA #1A81D4

#6ECDFB - #40A7E7 - #1A81D4

CSS codes

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

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