#B6DAFF - #FFEBFC | 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 #B6DAFF to #FFEBFC

#B6DAFF #FFEBFC

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

#B6DAFF - #FFEBFC | 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 #B6DAFF as 0% and #FFEBFC as 100%.

0.0%	0.0% #B6DAFF	RGB 182 218 255	#B6DAFF
16.7%	16.7% #C2DCFE	RGB 194 220 254	#C2DCFE
33.3%	33.3% #CEDFFE	RGB 206 223 254	#CEDFFE
50.0%	50.0% #DAE2FD	RGB 218 226 253	#DAE2FD
66.7%	66.7% #E6E5FD	RGB 230 229 253	#E6E5FD
83.3%	83.3% #F2E8FC	RGB 242 232 252	#F2E8FC
100.0%	100.0% #FFEBFC	RGB 255 235 252	#FFEBFC

#B6DAFF #C2DCFE #CEDFFE #DAE2FD #E6E5FD #F2E8FC #FFEBFC

#B6DAFF - #FFEBFC

HSV Blend

#B6DAFF - #FFEBFC | 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 #B6DAFF as 0% and #FFEBFC as 100%.

0.0%	0.0% #B6DAFF	RGB 182 218 255	#B6DAFF
16.7%	16.7% #BECCFF	RGB 190 204 255	#BECCFF
33.3%	33.3% #CAC7FF	RGB 202 199 255	#CAC7FF
50.0%	50.0% #DFD0FF	RGB 223 208 255	#DFD0FF
66.7%	66.7% #F0D9FF	RGB 240 217 255	#F0D9FF
83.3%	83.3% #FBE2FF	RGB 251 226 255	#FBE2FF
100.0%	100.0% #FFEBFC	RGB 255 235 252	#FFEBFC

#B6DAFF #BECCFF #CAC7FF #DFD0FF #F0D9FF #FBE2FF #FFEBFC

#B6DAFF - #DFD0FF - #FFEBFC

CSS codes

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

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