#DADBE2 - #8C96BE | 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 #DADBE2 to #8C96BE

#DADBE2 #8C96BE

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

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

0.0%	0.0% #DADBE2	RGB 218 219 226	#DADBE2
16.7%	16.7% #CDCFDC	RGB 205 207 220	#CDCFDC
33.3%	33.3% #C0C4D6	RGB 192 196 214	#C0C4D6
50.0%	50.0% #B3B8D0	RGB 179 184 208	#B3B8D0
66.7%	66.7% #A6ADCA	RGB 166 173 202	#A6ADCA
83.3%	83.3% #99A1C4	RGB 153 161 196	#99A1C4
100.0%	100.0% #8C96BE	RGB 140 150 190	#8C96BE

#DADBE2 #CDCFDC #C0C4D6 #B3B8D0 #A6ADCA #99A1C4 #8C96BE

#DADBE2 - #8C96BE

HSV Blend

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

0.0%	0.0% #DADBE2	RGB 218 219 226	#DADBE2
16.7%	16.7% #CBCEDC	RGB 203 206 220	#CBCEDC
33.3%	33.3% #BEC1D6	RGB 190 193 214	#BEC1D6
50.0%	50.0% #B0B5D0	RGB 176 181 208	#B0B5D0
66.7%	66.7% #A4AACA	RGB 164 170 202	#A4AACA
83.3%	83.3% #97A0C4	RGB 151 160 196	#97A0C4
100.0%	100.0% #8C96BE	RGB 140 150 190	#8C96BE

#DADBE2 #CBCEDC #BEC1D6 #B0B5D0 #A4AACA #97A0C4 #8C96BE

#DADBE2 - #B0B5D0 - #8C96BE

CSS codes

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

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