#DCDADC - #88929B | 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 #DCDADC to #88929B

#DCDADC #88929B

Calculate the color between two colors, #DCDADC and #88929B. 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)

#DCDADC - #88929B | 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 #DCDADC as 0% and #88929B as 100%.

0.0%	0.0% #DCDADC	RGB 220 218 220	#DCDADC
16.7%	16.7% #CECED1	RGB 206 206 209	#CECED1
33.3%	33.3% #C0C2C6	RGB 192 194 198	#C0C2C6
50.0%	50.0% #B2B6BB	RGB 178 182 187	#B2B6BB
66.7%	66.7% #A4AAB0	RGB 164 170 176	#A4AAB0
83.3%	83.3% #969EA5	RGB 150 158 165	#969EA5
100.0%	100.0% #88929B	RGB 136 146 155	#88929B

#DCDADC #CECED1 #C0C2C6 #B2B6BB #A4AAB0 #969EA5 #88929B

#DCDADC - #88929B

HSV Blend

#DCDADC - #88929B | 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 #DCDADC as 0% and #88929B as 100%.

0.0%	0.0% #DCDADC	RGB 220 218 220	#DCDADC
16.7%	16.7% #CFCBD1	RGB 207 203 209	#CFCBD1
33.3%	33.3% #C1BDC6	RGB 193 189 198	#C1BDC6
50.0%	50.0% #B2AFBB	RGB 178 175 187	#B2AFBB
66.7%	66.7% #A1A1B0	RGB 161 161 176	#A1A1B0
83.3%	83.3% #9499A5	RGB 148 153 165	#9499A5
100.0%	100.0% #88929B	RGB 136 146 155	#88929B

#DCDADC #CFCBD1 #C1BDC6 #B2AFBB #A1A1B0 #9499A5 #88929B

#DCDADC - #B2AFBB - #88929B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DCDADC 0%, #B2AFBB 50%, #88929B 100%);
    background: -webkit-linear-gradient(top, #DCDADC 0%, #B2AFBB 50%, #88929B 100%);
    background: linear-gradient(to bottom, #DCDADC 0%, #B2AFBB 50%, #88929B 100%);
}
</style>