#B6FFDC - #E2FAFC | 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 #B6FFDC to #E2FAFC

#B6FFDC #E2FAFC

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

#B6FFDC - #E2FAFC | 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 #B6FFDC as 0% and #E2FAFC as 100%.

0.0%	0.0% #B6FFDC	RGB 182 255 220	#B6FFDC
16.7%	16.7% #BDFEE1	RGB 189 254 225	#BDFEE1
33.3%	33.3% #C4FDE6	RGB 196 253 230	#C4FDE6
50.0%	50.0% #CCFCEC	RGB 204 252 236	#CCFCEC
66.7%	66.7% #D3FBF1	RGB 211 251 241	#D3FBF1
83.3%	83.3% #DAFAF6	RGB 218 250 246	#DAFAF6
100.0%	100.0% #E2FAFC	RGB 226 250 252	#E2FAFC

#B6FFDC #BDFEE1 #C4FDE6 #CCFCEC #D3FBF1 #DAFAF6 #E2FAFC

#B6FFDC - #E2FAFC

HSV Blend

#B6FFDC - #E2FAFC | 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 #B6FFDC as 0% and #E2FAFC as 100%.

0.0%	0.0% #B6FFDC	RGB 182 255 220	#B6FFDC
16.7%	16.7% #BDFEE5	RGB 189 254 229	#BDFEE5
33.3%	33.3% #C4FEED	RGB 196 254 237	#C4FEED
50.0%	50.0% #CCFDF3	RGB 204 253 243	#CCFDF3
66.7%	66.7% #D3FDF8	RGB 211 253 248	#D3FDF8
83.3%	83.3% #DAFCFB	RGB 218 252 251	#DAFCFB
100.0%	100.0% #E2FAFC	RGB 226 250 252	#E2FAFC

#B6FFDC #BDFEE5 #C4FEED #CCFDF3 #D3FDF8 #DAFCFB #E2FAFC

#B6FFDC - #CCFDF3 - #E2FAFC

CSS codes

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

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