#B5D1FC - #DAE3EF | 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 #B5D1FC to #DAE3EF

#B5D1FC #DAE3EF

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

#B5D1FC - #DAE3EF | 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 #B5D1FC as 0% and #DAE3EF as 100%.

0.0%	0.0% #B5D1FC	RGB 181 209 252	#B5D1FC
16.7%	16.7% #BBD4F9	RGB 187 212 249	#BBD4F9
33.3%	33.3% #C1D7F7	RGB 193 215 247	#C1D7F7
50.0%	50.0% #C7DAF5	RGB 199 218 245	#C7DAF5
66.7%	66.7% #CDDDF3	RGB 205 221 243	#CDDDF3
83.3%	83.3% #D3E0F1	RGB 211 224 241	#D3E0F1
100.0%	100.0% #DAE3EF	RGB 218 227 239	#DAE3EF

#B5D1FC #BBD4F9 #C1D7F7 #C7DAF5 #CDDDF3 #D3E0F1 #DAE3EF

#B5D1FC - #DAE3EF

HSV Blend

#B5D1FC - #DAE3EF | 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 #B5D1FC as 0% and #DAE3EF as 100%.

0.0%	0.0% #B5D1FC	RGB 181 209 252	#B5D1FC
16.7%	16.7% #BBD4F9	RGB 187 212 249	#BBD4F9
33.3%	33.3% #C1D7F7	RGB 193 215 247	#C1D7F7
50.0%	50.0% #C8DAF5	RGB 200 218 245	#C8DAF5
66.7%	66.7% #CEDDF3	RGB 206 221 243	#CEDDF3
83.3%	83.3% #D4E0F1	RGB 212 224 241	#D4E0F1
100.0%	100.0% #DAE3EF	RGB 218 227 239	#DAE3EF

#B5D1FC #BBD4F9 #C1D7F7 #C8DAF5 #CEDDF3 #D4E0F1 #DAE3EF

#B5D1FC - #C8DAF5 - #DAE3EF

CSS codes

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

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