#1BF2FF - #074548 | 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 #1BF2FF to #074548

#1BF2FF #074548

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

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

0.0%	0.0% #1BF2FF	RGB 27 242 255	#1BF2FF
16.7%	16.7% #17D5E0	RGB 23 213 224	#17D5E0
33.3%	33.3% #14B8C2	RGB 20 184 194	#14B8C2
50.0%	50.0% #119BA3	RGB 17 155 163	#119BA3
66.7%	66.7% #0D7E84	RGB 13 126 132	#0D7E84
83.3%	83.3% #0A6166	RGB 10 97 102	#0A6166
100.0%	100.0% #074548	RGB 7 69 72	#074548

#1BF2FF #17D5E0 #14B8C2 #119BA3 #0D7E84 #0A6166 #074548

#1BF2FF - #074548

HSV Blend

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

0.0%	0.0% #1AF2FF	RGB 26 242 255	#1AF2FF
16.7%	16.7% #17D5E0	RGB 23 213 224	#17D5E0
33.3%	33.3% #13B8C2	RGB 19 184 194	#13B8C2
50.0%	50.0% #109BA3	RGB 16 155 163	#109BA3
66.7%	66.7% #0D7F84	RGB 13 127 132	#0D7F84
83.3%	83.3% #0A6266	RGB 10 98 102	#0A6266
100.0%	100.0% #074548	RGB 7 69 72	#074548

#1AF2FF #17D5E0 #13B8C2 #109BA3 #0D7F84 #0A6266 #074548

#1BF2FF - #109BA3 - #074548

CSS codes

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

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