#9896DA - #CFD1DB | 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 #9896DA to #CFD1DB

#9896DA #CFD1DB

Calculate the color between two colors, #9896DA and #CFD1DB. 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)

#9896DA - #CFD1DB | 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 #9896DA as 0% and #CFD1DB as 100%.

0.0%	0.0% #9896DA	RGB 152 150 218	#9896DA
16.7%	16.7% #A19FDA	RGB 161 159 218	#A19FDA
33.3%	33.3% #AAA9DA	RGB 170 169 218	#AAA9DA
50.0%	50.0% #B3B3DA	RGB 179 179 218	#B3B3DA
66.7%	66.7% #BCBDDA	RGB 188 189 218	#BCBDDA
83.3%	83.3% #C5C7DA	RGB 197 199 218	#C5C7DA
100.0%	100.0% #CFD1DB	RGB 207 209 219	#CFD1DB

#9896DA #A19FDA #AAA9DA #B3B3DA #BCBDDA #C5C7DA #CFD1DB

#9896DA - #CFD1DB

HSV Blend

#9896DA - #CFD1DB | 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 #9896DA as 0% and #CFD1DB as 100%.

0.0%	0.0% #9896DA	RGB 152 150 218	#9896DA
16.7%	16.7% #9F9FDA	RGB 159 159 218	#9F9FDA
33.3%	33.3% #A8AADA	RGB 168 170 218	#A8AADA
50.0%	50.0% #B2B5DA	RGB 178 181 218	#B2B5DA
66.7%	66.7% #BBBFDA	RGB 187 191 218	#BBBFDA
83.3%	83.3% #C5C8DA	RGB 197 200 218	#C5C8DA
100.0%	100.0% #CFD1DB	RGB 207 209 219	#CFD1DB

#9896DA #9F9FDA #A8AADA #B2B5DA #BBBFDA #C5C8DA #CFD1DB

#9896DA - #B2B5DA - #CFD1DB

CSS codes

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

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