#9DA4DA - #CCD3DB | 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 #9DA4DA to #CCD3DB

#9DA4DA #CCD3DB

Calculate the color between two colors, #9DA4DA and #CCD3DB. 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)

#9DA4DA - #CCD3DB | 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 #9DA4DA as 0% and #CCD3DB as 100%.

0.0%	0.0% #9DA4DA	RGB 157 164 218	#9DA4DA
16.7%	16.7% #A4ABDA	RGB 164 171 218	#A4ABDA
33.3%	33.3% #ACB3DA	RGB 172 179 218	#ACB3DA
50.0%	50.0% #B4BBDA	RGB 180 187 218	#B4BBDA
66.7%	66.7% #BCC3DA	RGB 188 195 218	#BCC3DA
83.3%	83.3% #C4CBDA	RGB 196 203 218	#C4CBDA
100.0%	100.0% #CCD3DB	RGB 204 211 219	#CCD3DB

#9DA4DA #A4ABDA #ACB3DA #B4BBDA #BCC3DA #C4CBDA #CCD3DB

#9DA4DA - #CCD3DB

HSV Blend

#9DA4DA - #CCD3DB | 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 #9DA4DA as 0% and #CCD3DB as 100%.

0.0%	0.0% #9DA4DA	RGB 157 164 218	#9DA4DA
16.7%	16.7% #A4AEDA	RGB 164 174 218	#A4AEDA
33.3%	33.3% #ACB7DA	RGB 172 183 218	#ACB7DA
50.0%	50.0% #B4BFDA	RGB 180 191 218	#B4BFDA
66.7%	66.7% #BCC6DA	RGB 188 198 218	#BCC6DA
83.3%	83.3% #C4CDDA	RGB 196 205 218	#C4CDDA
100.0%	100.0% #CCD3DB	RGB 204 211 219	#CCD3DB

#9DA4DA #A4AEDA #ACB7DA #B4BFDA #BCC6DA #C4CDDA #CCD3DB

#9DA4DA - #B4BFDA - #CCD3DB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9DA4DA 0%, #B4BFDA 50%, #CCD3DB 100%);
    background: -webkit-linear-gradient(top, #9DA4DA 0%, #B4BFDA 50%, #CCD3DB 100%);
    background: linear-gradient(to bottom, #9DA4DA 0%, #B4BFDA 50%, #CCD3DB 100%);
}
</style>