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

#1EC0FF #0074D7

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

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

0.0%	0.0% #1EC0FF	RGB 30 192 255	#1EC0FF
16.7%	16.7% #19B3F8	RGB 25 179 248	#19B3F8
33.3%	33.3% #14A6F1	RGB 20 166 241	#14A6F1
50.0%	50.0% #0F9AEB	RGB 15 154 235	#0F9AEB
66.7%	66.7% #0A8DE4	RGB 10 141 228	#0A8DE4
83.3%	83.3% #0580DD	RGB 5 128 221	#0580DD
100.0%	100.0% #0074D7	RGB 0 116 215	#0074D7

#1EC0FF #19B3F8 #14A6F1 #0F9AEB #0A8DE4 #0580DD #0074D7

#1EC0FF - #0074D7

HSV Blend

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

0.0%	0.0% #1DBFFF	RGB 29 191 255	#1DBFFF
16.7%	16.7% #18B2F8	RGB 24 178 248	#18B2F8
33.3%	33.3% #12A5F1	RGB 18 165 241	#12A5F1
50.0%	50.0% #0D99EB	RGB 13 153 235	#0D99EB
66.7%	66.7% #088CE4	RGB 8 140 228	#088CE4
83.3%	83.3% #0480DD	RGB 4 128 221	#0480DD
100.0%	100.0% #0074D7	RGB 0 116 215	#0074D7

#1DBFFF #18B2F8 #12A5F1 #0D99EB #088CE4 #0480DD #0074D7

#1EC0FF - #0D99EB - #0074D7

CSS codes

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

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