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

#98A8DA #CFD5DB

Calculate the color between two colors, #98A8DA 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)

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

0.0%	0.0% #98A8DA	RGB 152 168 218	#98A8DA
16.7%	16.7% #A1AFDA	RGB 161 175 218	#A1AFDA
33.3%	33.3% #AAB7DA	RGB 170 183 218	#AAB7DA
50.0%	50.0% #B3BEDA	RGB 179 190 218	#B3BEDA
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

#98A8DA #A1AFDA #AAB7DA #B3BEDA #BCC6DA #C5CDDA #CFD5DB

#98A8DA - #CFD5DB

HSV Blend

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

0.0%	0.0% #98A7DA	RGB 152 167 218	#98A7DA
16.7%	16.7% #A1B1DA	RGB 161 177 218	#A1B1DA
33.3%	33.3% #AABADA	RGB 170 186 218	#AABADA
50.0%	50.0% #B3C1DA	RGB 179 193 218	#B3C1DA
66.7%	66.7% #BCC9DA	RGB 188 201 218	#BCC9DA
83.3%	83.3% #C5CFDA	RGB 197 207 218	#C5CFDA
100.0%	100.0% #CFD5DB	RGB 207 213 219	#CFD5DB

#98A7DA #A1B1DA #AABADA #B3C1DA #BCC9DA #C5CFDA #CFD5DB

#98A8DA - #B3C1DA - #CFD5DB

CSS codes

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

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