#B5E4E7 - #FFDEFC | 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 #B5E4E7 to #FFDEFC

#B5E4E7 #FFDEFC

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

#B5E4E7 - #FFDEFC | 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 #B5E4E7 as 0% and #FFDEFC as 100%.

0.0%	0.0% #B5E4E7	RGB 181 228 231	#B5E4E7
16.7%	16.7% #C1E3EA	RGB 193 227 234	#C1E3EA
33.3%	33.3% #CDE2EE	RGB 205 226 238	#CDE2EE
50.0%	50.0% #DAE1F1	RGB 218 225 241	#DAE1F1
66.7%	66.7% #E6E0F5	RGB 230 224 245	#E6E0F5
83.3%	83.3% #F2DFF8	RGB 242 223 248	#F2DFF8
100.0%	100.0% #FFDEFC	RGB 255 222 252	#FFDEFC

#B5E4E7 #C1E3EA #CDE2EE #DAE1F1 #E6E0F5 #F2DFF8 #FFDEFC

#B5E4E7 - #FFDEFC

HSV Blend

#B5E4E7 - #FFDEFC | 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 #B5E4E7 as 0% and #FFDEFC as 100%.

0.0%	0.0% #B5E4E7	RGB 181 228 231	#B5E4E7
16.7%	16.7% #BBD8EB	RGB 187 216 235	#BBD8EB
33.3%	33.3% #C2CDEF	RGB 194 205 239	#C2CDEF
50.0%	50.0% #CCC8F3	RGB 204 200 243	#CCC8F3
66.7%	66.7% #E0CFF7	RGB 224 207 247	#E0CFF7
83.3%	83.3% #F2D6FB	RGB 242 214 251	#F2D6FB
100.0%	100.0% #FFDEFC	RGB 255 222 252	#FFDEFC

#B5E4E7 #BBD8EB #C2CDEF #CCC8F3 #E0CFF7 #F2D6FB #FFDEFC

#B5E4E7 - #CCC8F3 - #FFDEFC

CSS codes

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

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