#96A8F8 - #BFD6EF | 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 #96A8F8 to #BFD6EF

#96A8F8 #BFD6EF

Calculate the color between two colors, #96A8F8 and #BFD6EF. 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)

#96A8F8 - #BFD6EF | 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 #96A8F8 as 0% and #BFD6EF as 100%.

0.0%	0.0% #96A8F8	RGB 150 168 248	#96A8F8
16.7%	16.7% #9CAFF6	RGB 156 175 246	#9CAFF6
33.3%	33.3% #A3B7F5	RGB 163 183 245	#A3B7F5
50.0%	50.0% #AABFF3	RGB 170 191 243	#AABFF3
66.7%	66.7% #B1C6F2	RGB 177 198 242	#B1C6F2
83.3%	83.3% #B8CEF0	RGB 184 206 240	#B8CEF0
100.0%	100.0% #BFD6EF	RGB 191 214 239	#BFD6EF

#96A8F8 #9CAFF6 #A3B7F5 #AABFF3 #B1C6F2 #B8CEF0 #BFD6EF

#96A8F8 - #BFD6EF

HSV Blend

#96A8F8 - #BFD6EF | 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 #96A8F8 as 0% and #BFD6EF as 100%.

0.0%	0.0% #96A7F8	RGB 150 167 248	#96A7F8
16.7%	16.7% #9DB1F6	RGB 157 177 246	#9DB1F6
33.3%	33.3% #A4BAF5	RGB 164 186 245	#A4BAF5
50.0%	50.0% #AAC2F3	RGB 170 194 243	#AAC2F3
66.7%	66.7% #B1CAF2	RGB 177 202 242	#B1CAF2
83.3%	83.3% #B8D0F0	RGB 184 208 240	#B8D0F0
100.0%	100.0% #BFD6EF	RGB 191 214 239	#BFD6EF

#96A7F8 #9DB1F6 #A4BAF5 #AAC2F3 #B1CAF2 #B8D0F0 #BFD6EF

#96A8F8 - #AAC2F3 - #BFD6EF

CSS codes

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

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