#00BAEB - #B6EBF9 | 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 #00BAEB to #B6EBF9

#00BAEB #B6EBF9

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

#00BAEB - #B6EBF9 | 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 #00BAEB as 0% and #B6EBF9 as 100%.

0.0%	0.0% #00BAEB	RGB 0 186 235	#00BAEB
16.7%	16.7% #1EC2ED	RGB 30 194 237	#1EC2ED
33.3%	33.3% #3CCAEF	RGB 60 202 239	#3CCAEF
50.0%	50.0% #5BD2F2	RGB 91 210 242	#5BD2F2
66.7%	66.7% #79DAF4	RGB 121 218 244	#79DAF4
83.3%	83.3% #97E2F6	RGB 151 226 246	#97E2F6
100.0%	100.0% #B6EBF9	RGB 182 235 249	#B6EBF9

#00BAEB #1EC2ED #3CCAEF #5BD2F2 #79DAF4 #97E2F6 #B6EBF9

#00BAEB - #B6EBF9

HSV Blend

#00BAEB - #B6EBF9 | 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 #00BAEB as 0% and #B6EBF9 as 100%.

0.0%	0.0% #00BAEB	RGB 0 186 235	#00BAEB
16.7%	16.7% #1CC1ED	RGB 28 193 237	#1CC1ED
33.3%	33.3% #3AC9EF	RGB 58 201 239	#3AC9EF
50.0%	50.0% #58D1F2	RGB 88 209 242	#58D1F2
66.7%	66.7% #77DAF4	RGB 119 218 244	#77DAF4
83.3%	83.3% #96E2F6	RGB 150 226 246	#96E2F6
100.0%	100.0% #B6EBF9	RGB 182 235 249	#B6EBF9

#00BAEB #1CC1ED #3AC9EF #58D1F2 #77DAF4 #96E2F6 #B6EBF9

#00BAEB - #58D1F2 - #B6EBF9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00BAEB 0%, #58D1F2 50%, #B6EBF9 100%);
    background: -webkit-linear-gradient(top, #00BAEB 0%, #58D1F2 50%, #B6EBF9 100%);
    background: linear-gradient(to bottom, #00BAEB 0%, #58D1F2 50%, #B6EBF9 100%);
}
</style>