#96A7DA - #CFD4DB | 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 #96A7DA to #CFD4DB

#96A7DA #CFD4DB

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

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

0.0%	0.0% #96A7DA	RGB 150 167 218	#96A7DA
16.7%	16.7% #9FAEDA	RGB 159 174 218	#9FAEDA
33.3%	33.3% #A9B6DA	RGB 169 182 218	#A9B6DA
50.0%	50.0% #B2BDDA	RGB 178 189 218	#B2BDDA
66.7%	66.7% #BCC5DA	RGB 188 197 218	#BCC5DA
83.3%	83.3% #C5CCDA	RGB 197 204 218	#C5CCDA
100.0%	100.0% #CFD4DB	RGB 207 212 219	#CFD4DB

#96A7DA #9FAEDA #A9B6DA #B2BDDA #BCC5DA #C5CCDA #CFD4DB

#96A7DA - #CFD4DB

HSV Blend

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

0.0%	0.0% #96A7DA	RGB 150 167 218	#96A7DA
16.7%	16.7% #9FAFDA	RGB 159 175 218	#9FAFDA
33.3%	33.3% #A8B8DA	RGB 168 184 218	#A8B8DA
50.0%	50.0% #B2BFDA	RGB 178 191 218	#B2BFDA
66.7%	66.7% #BBC7DA	RGB 187 199 218	#BBC7DA
83.3%	83.3% #C5CDDA	RGB 197 205 218	#C5CDDA
100.0%	100.0% #CFD4DB	RGB 207 212 219	#CFD4DB

#96A7DA #9FAFDA #A8B8DA #B2BFDA #BBC7DA #C5CDDA #CFD4DB

#96A7DA - #B2BFDA - #CFD4DB

CSS codes

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

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