#DCDADF - #9F8CAE | 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 #DCDADF to #9F8CAE

#DCDADF #9F8CAE

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

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

0.0%	0.0% #DCDADF	RGB 220 218 223	#DCDADF
16.7%	16.7% #D1CDD6	RGB 209 205 214	#D1CDD6
33.3%	33.3% #C7C0CE	RGB 199 192 206	#C7C0CE
50.0%	50.0% #BDB3C6	RGB 189 179 198	#BDB3C6
66.7%	66.7% #B3A6BE	RGB 179 166 190	#B3A6BE
83.3%	83.3% #A999B6	RGB 169 153 182	#A999B6
100.0%	100.0% #9F8CAE	RGB 159 140 174	#9F8CAE

#DCDADF #D1CDD6 #C7C0CE #BDB3C6 #B3A6BE #A999B6 #9F8CAE

#DCDADF - #9F8CAE

HSV Blend

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

0.0%	0.0% #DCDADF	RGB 220 218 223	#DCDADF
16.7%	16.7% #D0CBD6	RGB 208 203 214	#D0CBD6
33.3%	33.3% #C5BECE	RGB 197 190 206	#C5BECE
50.0%	50.0% #BBB0C6	RGB 187 176 198	#BBB0C6
66.7%	66.7% #B1A4BE	RGB 177 164 190	#B1A4BE
83.3%	83.3% #A797B6	RGB 167 151 182	#A797B6
100.0%	100.0% #9F8CAE	RGB 159 140 174	#9F8CAE

#DCDADF #D0CBD6 #C5BECE #BBB0C6 #B1A4BE #A797B6 #9F8CAE

#DCDADF - #BBB0C6 - #9F8CAE

CSS codes

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

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