#0088B6 - #8FE2DC | 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 #0088B6 to #8FE2DC

#0088B6 #8FE2DC

Calculate the color between two colors, #0088B6 and #8FE2DC. 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)

#0088B6 - #8FE2DC | 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 #0088B6 as 0% and #8FE2DC as 100%.

0.0%	0.0% #0088B6	RGB 0 136 182	#0088B6
16.7%	16.7% #1797BC	RGB 23 151 188	#1797BC
33.3%	33.3% #2FA6C2	RGB 47 166 194	#2FA6C2
50.0%	50.0% #47B5C9	RGB 71 181 201	#47B5C9
66.7%	66.7% #5FC4CF	RGB 95 196 207	#5FC4CF
83.3%	83.3% #77D3D5	RGB 119 211 213	#77D3D5
100.0%	100.0% #8FE2DC	RGB 143 226 220	#8FE2DC

#0088B6 #1797BC #2FA6C2 #47B5C9 #5FC4CF #77D3D5 #8FE2DC

#0088B6 - #8FE2DC

HSV Blend

#0088B6 - #8FE2DC | 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 #0088B6 as 0% and #8FE2DC as 100%.

0.0%	0.0% #0088B6	RGB 0 136 182	#0088B6
16.7%	16.7% #139BBD	RGB 19 155 189	#139BBD
33.3%	33.3% #29AEC4	RGB 41 174 196	#29AEC4
50.0%	50.0% #40BFCC	RGB 64 191 204	#40BFCC
66.7%	66.7% #59CED3	RGB 89 206 211	#59CED3
83.3%	83.3% #73DAD8	RGB 115 218 216	#73DAD8
100.0%	100.0% #8FE2DC	RGB 143 226 220	#8FE2DC

#0088B6 #139BBD #29AEC4 #40BFCC #59CED3 #73DAD8 #8FE2DC

#0088B6 - #40BFCC - #8FE2DC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0088B6 0%, #40BFCC 50%, #8FE2DC 100%);
    background: -webkit-linear-gradient(top, #0088B6 0%, #40BFCC 50%, #8FE2DC 100%);
    background: linear-gradient(to bottom, #0088B6 0%, #40BFCC 50%, #8FE2DC 100%);
}
</style>