#9CACDA - #D2D6DA | 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 #9CACDA to #D2D6DA

#9CACDA #D2D6DA

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

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

0.0%	0.0% #9CACDA	RGB 156 172 218	#9CACDA
16.7%	16.7% #A5B3DA	RGB 165 179 218	#A5B3DA
33.3%	33.3% #AEBADA	RGB 174 186 218	#AEBADA
50.0%	50.0% #B7C1DA	RGB 183 193 218	#B7C1DA
66.7%	66.7% #C0C8DA	RGB 192 200 218	#C0C8DA
83.3%	83.3% #C9CFDA	RGB 201 207 218	#C9CFDA
100.0%	100.0% #D2D6DA	RGB 210 214 218	#D2D6DA

#9CACDA #A5B3DA #AEBADA #B7C1DA #C0C8DA #C9CFDA #D2D6DA

#9CACDA - #D2D6DA

HSV Blend

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

0.0%	0.0% #9CACDA	RGB 156 172 218	#9CACDA
16.7%	16.7% #A5B4DA	RGB 165 180 218	#A5B4DA
33.3%	33.3% #AEBCDA	RGB 174 188 218	#AEBCDA
50.0%	50.0% #B7C4DA	RGB 183 196 218	#B7C4DA
66.7%	66.7% #C0CADA	RGB 192 202 218	#C0CADA
83.3%	83.3% #C9D0DA	RGB 201 208 218	#C9D0DA
100.0%	100.0% #D2D6DA	RGB 210 214 218	#D2D6DA

#9CACDA #A5B4DA #AEBCDA #B7C4DA #C0CADA #C9D0DA #D2D6DA

#9CACDA - #B7C4DA - #D2D6DA

CSS codes

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

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