#B0ECFF - #EFE6ED | 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 #B0ECFF to #EFE6ED

#B0ECFF #EFE6ED

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

#B0ECFF - #EFE6ED | 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 #B0ECFF as 0% and #EFE6ED as 100%.

0.0%	0.0% #B0ECFF	RGB 176 236 255	#B0ECFF
16.7%	16.7% #BAEBFC	RGB 186 235 252	#BAEBFC
33.3%	33.3% #C5EAF9	RGB 197 234 249	#C5EAF9
50.0%	50.0% #CFE9F6	RGB 207 233 246	#CFE9F6
66.7%	66.7% #DAE8F3	RGB 218 232 243	#DAE8F3
83.3%	83.3% #E4E7F0	RGB 228 231 240	#E4E7F0
100.0%	100.0% #EFE6ED	RGB 239 230 237	#EFE6ED

#B0ECFF #BAEBFC #C5EAF9 #CFE9F6 #DAE8F3 #E4E7F0 #EFE6ED

#B0ECFF - #EFE6ED

HSV Blend

#B0ECFF - #EFE6ED | 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 #B0ECFF as 0% and #EFE6ED as 100%.

0.0%	0.0% #B0ECFF	RGB 176 236 255	#B0ECFF
16.7%	16.7% #B9D6FC	RGB 185 214 252	#B9D6FC
33.3%	33.3% #C2C8F9	RGB 194 200 249	#C2C8F9
50.0%	50.0% #D6CCF7	RGB 214 204 247	#D6CCF7
66.7%	66.7% #E6D4F4	RGB 230 212 244	#E6D4F4
83.3%	83.3% #EFDDF1	RGB 239 221 241	#EFDDF1
100.0%	100.0% #EFE6ED	RGB 239 230 237	#EFE6ED

#B0ECFF #B9D6FC #C2C8F9 #D6CCF7 #E6D4F4 #EFDDF1 #EFE6ED

#B0ECFF - #D6CCF7 - #EFE6ED

CSS codes

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

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