#80D0FF - #0189CD | 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 #80D0FF to #0189CD

#80D0FF #0189CD

Calculate the color between two colors, #80D0FF and #0189CD. 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)

#80D0FF - #0189CD | 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 #80D0FF as 0% and #0189CD as 100%.

0.0%	0.0% #80D0FF	RGB 128 208 255	#80D0FF
16.7%	16.7% #6AC4F6	RGB 106 196 246	#6AC4F6
33.3%	33.3% #55B8EE	RGB 85 184 238	#55B8EE
50.0%	50.0% #40ACE6	RGB 64 172 230	#40ACE6
66.7%	66.7% #2BA0DD	RGB 43 160 221	#2BA0DD
83.3%	83.3% #1694D5	RGB 22 148 213	#1694D5
100.0%	100.0% #0189CD	RGB 1 137 205	#0189CD

#80D0FF #6AC4F6 #55B8EE #40ACE6 #2BA0DD #1694D5 #0189CD

#80D0FF - #0189CD

HSV Blend

#80D0FF - #0189CD | 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 #80D0FF as 0% and #0189CD as 100%.

0.0%	0.0% #80D0FF	RGB 128 208 255	#80D0FF
16.7%	16.7% #67C2F6	RGB 103 194 246	#67C2F6
33.3%	33.3% #50B5EE	RGB 80 181 238	#50B5EE
50.0%	50.0% #3AA9E6	RGB 58 169 230	#3AA9E6
66.7%	66.7% #259EDD	RGB 37 158 221	#259EDD
83.3%	83.3% #1293D5	RGB 18 147 213	#1293D5
100.0%	100.0% #0189CD	RGB 1 137 205	#0189CD

#80D0FF #67C2F6 #50B5EE #3AA9E6 #259EDD #1293D5 #0189CD

#80D0FF - #3AA9E6 - #0189CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #80D0FF 0%, #3AA9E6 50%, #0189CD 100%);
    background: -webkit-linear-gradient(top, #80D0FF 0%, #3AA9E6 50%, #0189CD 100%);
    background: linear-gradient(to bottom, #80D0FF 0%, #3AA9E6 50%, #0189CD 100%);
}
</style>