#94C9FE - #D3DFEB | 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 #94C9FE to #D3DFEB

#94C9FE #D3DFEB

Calculate the color between two colors, #94C9FE and #D3DFEB. 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)

#94C9FE - #D3DFEB | 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 #94C9FE as 0% and #D3DFEB as 100%.

0.0%	0.0% #94C9FE	RGB 148 201 254	#94C9FE
16.7%	16.7% #9ECCFA	RGB 158 204 250	#9ECCFA
33.3%	33.3% #A9D0F7	RGB 169 208 247	#A9D0F7
50.0%	50.0% #B3D4F4	RGB 179 212 244	#B3D4F4
66.7%	66.7% #BED7F1	RGB 190 215 241	#BED7F1
83.3%	83.3% #C8DBEE	RGB 200 219 238	#C8DBEE
100.0%	100.0% #D3DFEB	RGB 211 223 235	#D3DFEB

#94C9FE #9ECCFA #A9D0F7 #B3D4F4 #BED7F1 #C8DBEE #D3DFEB

#94C9FE - #D3DFEB

HSV Blend

#94C9FE - #D3DFEB | 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 #94C9FE as 0% and #D3DFEB as 100%.

0.0%	0.0% #94C9FE	RGB 148 201 254	#94C9FE
16.7%	16.7% #9FCDFA	RGB 159 205 250	#9FCDFA
33.3%	33.3% #AAD0F7	RGB 170 208 247	#AAD0F7
50.0%	50.0% #B4D4F4	RGB 180 212 244	#B4D4F4
66.7%	66.7% #BFD8F1	RGB 191 216 241	#BFD8F1
83.3%	83.3% #C9DBEE	RGB 201 219 238	#C9DBEE
100.0%	100.0% #D3DFEB	RGB 211 223 235	#D3DFEB

#94C9FE #9FCDFA #AAD0F7 #B4D4F4 #BFD8F1 #C9DBEE #D3DFEB

#94C9FE - #B4D4F4 - #D3DFEB

CSS codes

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

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