#008ECB - #B6FFC7 | 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 #008ECB to #B6FFC7

#008ECB #B6FFC7

Calculate the color between two colors, #008ECB and #B6FFC7. 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)

#008ECB - #B6FFC7 | 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 #008ECB as 0% and #B6FFC7 as 100%.

0.0%	0.0% #008ECB	RGB 0 142 203	#008ECB
16.7%	16.7% #1EA0CA	RGB 30 160 202	#1EA0CA
33.3%	33.3% #3CB3C9	RGB 60 179 201	#3CB3C9
50.0%	50.0% #5BC6C9	RGB 91 198 201	#5BC6C9
66.7%	66.7% #79D9C8	RGB 121 217 200	#79D9C8
83.3%	83.3% #97ECC7	RGB 151 236 199	#97ECC7
100.0%	100.0% #B6FFC7	RGB 182 255 199	#B6FFC7

#008ECB #1EA0CA #3CB3C9 #5BC6C9 #79D9C8 #97ECC7 #B6FFC7

#008ECB - #B6FFC7

HSV Blend

#008ECB - #B6FFC7 | 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 #008ECB as 0% and #B6FFC7 as 100%.

0.0%	0.0% #008ECB	RGB 0 142 203	#008ECB
16.7%	16.7% #19BCD3	RGB 25 188 211	#19BCD3
33.3%	33.3% #34DCD3	RGB 52 220 211	#34DCD3
50.0%	50.0% #51E5C2	RGB 81 229 194	#51E5C2
66.7%	66.7% #71EDBA	RGB 113 237 186	#71EDBA
83.3%	83.3% #92F6BB	RGB 146 246 187	#92F6BB
100.0%	100.0% #B6FFC7	RGB 182 255 199	#B6FFC7

#008ECB #19BCD3 #34DCD3 #51E5C2 #71EDBA #92F6BB #B6FFC7

#008ECB - #51E5C2 - #B6FFC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008ECB 0%, #51E5C2 50%, #B6FFC7 100%);
    background: -webkit-linear-gradient(top, #008ECB 0%, #51E5C2 50%, #B6FFC7 100%);
    background: linear-gradient(to bottom, #008ECB 0%, #51E5C2 50%, #B6FFC7 100%);
}
</style>