#1CC1B7 - #1EC0FF | 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 #1CC1B7 to #1EC0FF

#1CC1B7 #1EC0FF

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

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

0.0%	0.0% #1CC1B7	RGB 28 193 183	#1CC1B7
16.7%	16.7% #1CC0C3	RGB 28 192 195	#1CC0C3
33.3%	33.3% #1CC0CF	RGB 28 192 207	#1CC0CF
50.0%	50.0% #1DC0DB	RGB 29 192 219	#1DC0DB
66.7%	66.7% #1DC0E7	RGB 29 192 231	#1DC0E7
83.3%	83.3% #1DC0F3	RGB 29 192 243	#1DC0F3
100.0%	100.0% #1EC0FF	RGB 30 192 255	#1EC0FF

#1CC1B7 #1CC0C3 #1CC0CF #1DC0DB #1DC0E7 #1DC0F3 #1EC0FF

#1CC1B7 - #1EC0FF

HSV Blend

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

0.0%	0.0% #1CC1B7	RGB 28 193 183	#1CC1B7
16.7%	16.7% #1CCBCA	RGB 28 203 202	#1CCBCA
33.3%	33.3% #1DCBD5	RGB 29 203 213	#1DCBD5
50.0%	50.0% #1DCAE0	RGB 29 202 224	#1DCAE0
66.7%	66.7% #1DC8EA	RGB 29 200 234	#1DC8EA
83.3%	83.3% #1DC4F4	RGB 29 196 244	#1DC4F4
100.0%	100.0% #1EC0FF	RGB 30 192 255	#1EC0FF

#1CC1B7 #1CCBCA #1DCBD5 #1DCAE0 #1DC8EA #1DC4F4 #1EC0FF

#1CC1B7 - #1DCAE0 - #1EC0FF

CSS codes

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

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