#96A8DA - #CFD5DB | 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 #96A8DA to #CFD5DB

#96A8DA #CFD5DB

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

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

0.0%	0.0% #96A8DA	RGB 150 168 218	#96A8DA
16.7%	16.7% #9FAFDA	RGB 159 175 218	#9FAFDA
33.3%	33.3% #A9B7DA	RGB 169 183 218	#A9B7DA
50.0%	50.0% #B2BEDA	RGB 178 190 218	#B2BEDA
66.7%	66.7% #BCC6DA	RGB 188 198 218	#BCC6DA
83.3%	83.3% #C5CDDA	RGB 197 205 218	#C5CDDA
100.0%	100.0% #CFD5DB	RGB 207 213 219	#CFD5DB

#96A8DA #9FAFDA #A9B7DA #B2BEDA #BCC6DA #C5CDDA #CFD5DB

#96A8DA - #CFD5DB

HSV Blend

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

0.0%	0.0% #96A7DA	RGB 150 167 218	#96A7DA
16.7%	16.7% #9FB1DA	RGB 159 177 218	#9FB1DA
33.3%	33.3% #A8B9DA	RGB 168 185 218	#A8B9DA
50.0%	50.0% #B2C1DA	RGB 178 193 218	#B2C1DA
66.7%	66.7% #BBC8DA	RGB 187 200 218	#BBC8DA
83.3%	83.3% #C5CFDA	RGB 197 207 218	#C5CFDA
100.0%	100.0% #CFD5DB	RGB 207 213 219	#CFD5DB

#96A7DA #9FB1DA #A8B9DA #B2C1DA #BBC8DA #C5CFDA #CFD5DB

#96A8DA - #B2C1DA - #CFD5DB

CSS codes

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

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