#B6ECDF - #ECEDFB | 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 #B6ECDF to #ECEDFB

#B6ECDF #ECEDFB

Calculate the color between two colors, #B6ECDF and #ECEDFB. 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)

#B6ECDF - #ECEDFB | 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 #B6ECDF as 0% and #ECEDFB as 100%.

0.0%	0.0% #B6ECDF	RGB 182 236 223	#B6ECDF
16.7%	16.7% #BFECE3	RGB 191 236 227	#BFECE3
33.3%	33.3% #C8ECE8	RGB 200 236 232	#C8ECE8
50.0%	50.0% #D1ECED	RGB 209 236 237	#D1ECED
66.7%	66.7% #DAECF1	RGB 218 236 241	#DAECF1
83.3%	83.3% #E3ECF6	RGB 227 236 246	#E3ECF6
100.0%	100.0% #ECEDFB	RGB 236 237 251	#ECEDFB

#B6ECDF #BFECE3 #C8ECE8 #D1ECED #DAECF1 #E3ECF6 #ECEDFB

#B6ECDF - #ECEDFB

HSV Blend

#B6ECDF - #ECEDFB | 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 #B6ECDF as 0% and #ECEDFB as 100%.

0.0%	0.0% #B6ECDF	RGB 182 236 223	#B6ECDF
16.7%	16.7% #BEEEEC	RGB 190 238 236	#BEEEEC
33.3%	33.3% #C7EAF1	RGB 199 234 241	#C7EAF1
50.0%	50.0% #D0E7F3	RGB 208 231 243	#D0E7F3
66.7%	66.7% #D9E6F6	RGB 217 230 246	#D9E6F6
83.3%	83.3% #E2E8F8	RGB 226 232 248	#E2E8F8
100.0%	100.0% #ECEDFB	RGB 236 237 251	#ECEDFB

#B6ECDF #BEEEEC #C7EAF1 #D0E7F3 #D9E6F6 #E2E8F8 #ECEDFB

#B6ECDF - #D0E7F3 - #ECEDFB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6ECDF 0%, #D0E7F3 50%, #ECEDFB 100%);
    background: -webkit-linear-gradient(top, #B6ECDF 0%, #D0E7F3 50%, #ECEDFB 100%);
    background: linear-gradient(to bottom, #B6ECDF 0%, #D0E7F3 50%, #ECEDFB 100%);
}
</style>