#82E4FF - #00BBCE | 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 #82E4FF to #00BBCE

#82E4FF #00BBCE

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

#82E4FF - #00BBCE | 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 #82E4FF as 0% and #00BBCE as 100%.

0.0%	0.0% #82E4FF	RGB 130 228 255	#82E4FF
16.7%	16.7% #6CDDF6	RGB 108 221 246	#6CDDF6
33.3%	33.3% #56D6EE	RGB 86 214 238	#56D6EE
50.0%	50.0% #41CFE6	RGB 65 207 230	#41CFE6
66.7%	66.7% #2BC8DE	RGB 43 200 222	#2BC8DE
83.3%	83.3% #15C1D6	RGB 21 193 214	#15C1D6
100.0%	100.0% #00BBCE	RGB 0 187 206	#00BBCE

#82E4FF #6CDDF6 #56D6EE #41CFE6 #2BC8DE #15C1D6 #00BBCE

#82E4FF - #00BBCE

HSV Blend

#82E4FF - #00BBCE | 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 #82E4FF as 0% and #00BBCE as 100%.

0.0%	0.0% #82E4FF	RGB 130 228 255	#82E4FF
16.7%	16.7% #68DBF6	RGB 104 219 246	#68DBF6
33.3%	33.3% #51D3EE	RGB 81 211 238	#51D3EE
50.0%	50.0% #3ACCE6	RGB 58 204 230	#3ACCE6
66.7%	66.7% #25C5DE	RGB 37 197 222	#25C5DE
83.3%	83.3% #12C0D6	RGB 18 192 214	#12C0D6
100.0%	100.0% #00BBCE	RGB 0 187 206	#00BBCE

#82E4FF #68DBF6 #51D3EE #3ACCE6 #25C5DE #12C0D6 #00BBCE

#82E4FF - #3ACCE6 - #00BBCE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #82E4FF 0%, #3ACCE6 50%, #00BBCE 100%);
    background: -webkit-linear-gradient(top, #82E4FF 0%, #3ACCE6 50%, #00BBCE 100%);
    background: linear-gradient(to bottom, #82E4FF 0%, #3ACCE6 50%, #00BBCE 100%);
}
</style>