#DADADE - #8C97AD | 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 #DADADE to #8C97AD

#DADADE #8C97AD

Calculate the color between two colors, #DADADE and #8C97AD. 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)

#DADADE - #8C97AD | 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 #DADADE as 0% and #8C97AD as 100%.

0.0%	0.0% #DADADE	RGB 218 218 222	#DADADE
16.7%	16.7% #CDCED5	RGB 205 206 213	#CDCED5
33.3%	33.3% #C0C3CD	RGB 192 195 205	#C0C3CD
50.0%	50.0% #B3B8C5	RGB 179 184 197	#B3B8C5
66.7%	66.7% #A6ADBD	RGB 166 173 189	#A6ADBD
83.3%	83.3% #99A2B5	RGB 153 162 181	#99A2B5
100.0%	100.0% #8C97AD	RGB 140 151 173	#8C97AD

#DADADE #CDCED5 #C0C3CD #B3B8C5 #A6ADBD #99A2B5 #8C97AD

#DADADE - #8C97AD

HSV Blend

#DADADE - #8C97AD | 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 #DADADE as 0% and #8C97AD as 100%.

0.0%	0.0% #DADADE	RGB 218 218 222	#DADADE
16.7%	16.7% #CBCCD5	RGB 203 204 213	#CBCCD5
33.3%	33.3% #BEBFCD	RGB 190 191 205	#BEBFCD
50.0%	50.0% #B0B4C5	RGB 176 180 197	#B0B4C5
66.7%	66.7% #A4A9BD	RGB 164 169 189	#A4A9BD
83.3%	83.3% #979FB5	RGB 151 159 181	#979FB5
100.0%	100.0% #8C97AD	RGB 140 151 173	#8C97AD

#DADADE #CBCCD5 #BEBFCD #B0B4C5 #A4A9BD #979FB5 #8C97AD

#DADADE - #B0B4C5 - #8C97AD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DADADE 0%, #B0B4C5 50%, #8C97AD 100%);
    background: -webkit-linear-gradient(top, #DADADE 0%, #B0B4C5 50%, #8C97AD 100%);
    background: linear-gradient(to bottom, #DADADE 0%, #B0B4C5 50%, #8C97AD 100%);
}
</style>