#00BFEB - #ADFCDE | 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 #00BFEB to #ADFCDE

#00BFEB #ADFCDE

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

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

0.0%	0.0% #00BFEB	RGB 0 191 235	#00BFEB
16.7%	16.7% #1CC9E8	RGB 28 201 232	#1CC9E8
33.3%	33.3% #39D3E6	RGB 57 211 230	#39D3E6
50.0%	50.0% #56DDE4	RGB 86 221 228	#56DDE4
66.7%	66.7% #73E7E2	RGB 115 231 226	#73E7E2
83.3%	83.3% #90F1E0	RGB 144 241 224	#90F1E0
100.0%	100.0% #ADFCDE	RGB 173 252 222	#ADFCDE

#00BFEB #1CC9E8 #39D3E6 #56DDE4 #73E7E2 #90F1E0 #ADFCDE

#00BFEB - #ADFCDE

HSV Blend

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

0.0%	0.0% #00BFEB	RGB 0 191 235	#00BFEB
16.7%	16.7% #1BDAED	RGB 27 218 237	#1BDAED
33.3%	33.3% #37F0F0	RGB 55 240 240	#37F0F0
50.0%	50.0% #53F3E4	RGB 83 243 228	#53F3E4
66.7%	66.7% #70F6DC	RGB 112 246 220	#70F6DC
83.3%	83.3% #8EF9DA	RGB 142 249 218	#8EF9DA
100.0%	100.0% #ADFCDE	RGB 173 252 222	#ADFCDE

#00BFEB #1BDAED #37F0F0 #53F3E4 #70F6DC #8EF9DA #ADFCDE

#00BFEB - #53F3E4 - #ADFCDE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00BFEB 0%, #53F3E4 50%, #ADFCDE 100%);
    background: -webkit-linear-gradient(top, #00BFEB 0%, #53F3E4 50%, #ADFCDE 100%);
    background: linear-gradient(to bottom, #00BFEB 0%, #53F3E4 50%, #ADFCDE 100%);
}
</style>