#A0E9FF - #26BBCE | 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 #A0E9FF to #26BBCE

#A0E9FF #26BBCE

Calculate the color between two colors, #A0E9FF and #26BBCE. 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)

#A0E9FF - #26BBCE | 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 #A0E9FF as 0% and #26BBCE as 100%.

0.0%	0.0% #A0E9FF	RGB 160 233 255	#A0E9FF
16.7%	16.7% #8BE1F6	RGB 139 225 246	#8BE1F6
33.3%	33.3% #77D9EE	RGB 119 217 238	#77D9EE
50.0%	50.0% #63D2E6	RGB 99 210 230	#63D2E6
66.7%	66.7% #4ECADE	RGB 78 202 222	#4ECADE
83.3%	83.3% #3AC2D6	RGB 58 194 214	#3AC2D6
100.0%	100.0% #26BBCE	RGB 38 187 206	#26BBCE

#A0E9FF #8BE1F6 #77D9EE #63D2E6 #4ECADE #3AC2D6 #26BBCE

#A0E9FF - #26BBCE

HSV Blend

#A0E9FF - #26BBCE | 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 #A0E9FF as 0% and #26BBCE as 100%.

0.0%	0.0% #A0E9FF	RGB 160 233 255	#A0E9FF
16.7%	16.7% #88DFF6	RGB 136 223 246	#88DFF6
33.3%	33.3% #72D6EE	RGB 114 214 238	#72D6EE
50.0%	50.0% #5DCEE6	RGB 93 206 230	#5DCEE6
66.7%	66.7% #49C7DE	RGB 73 199 222	#49C7DE
83.3%	83.3% #37C1D6	RGB 55 193 214	#37C1D6
100.0%	100.0% #26BBCE	RGB 38 187 206	#26BBCE

#A0E9FF #88DFF6 #72D6EE #5DCEE6 #49C7DE #37C1D6 #26BBCE

#A0E9FF - #5DCEE6 - #26BBCE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A0E9FF 0%, #5DCEE6 50%, #26BBCE 100%);
    background: -webkit-linear-gradient(top, #A0E9FF 0%, #5DCEE6 50%, #26BBCE 100%);
    background: linear-gradient(to bottom, #A0E9FF 0%, #5DCEE6 50%, #26BBCE 100%);
}
</style>