#DCDCDD - #809BA1 | 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 #DCDCDD to #809BA1

#DCDCDD #809BA1

Calculate the color between two colors, #DCDCDD and #809BA1. 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)

#DCDCDD - #809BA1 | 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 #DCDCDD as 0% and #809BA1 as 100%.

0.0%	0.0% #DCDCDD	RGB 220 220 221	#DCDCDD
16.7%	16.7% #CCD1D3	RGB 204 209 211	#CCD1D3
33.3%	33.3% #BDC6C9	RGB 189 198 201	#BDC6C9
50.0%	50.0% #AEBBBF	RGB 174 187 191	#AEBBBF
66.7%	66.7% #9EB0B5	RGB 158 176 181	#9EB0B5
83.3%	83.3% #8FA5AB	RGB 143 165 171	#8FA5AB
100.0%	100.0% #809BA1	RGB 128 155 161	#809BA1

#DCDCDD #CCD1D3 #BDC6C9 #AEBBBF #9EB0B5 #8FA5AB #809BA1

#DCDCDD - #809BA1

HSV Blend

#DCDCDD - #809BA1 | 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 #DCDCDD as 0% and #809BA1 as 100%.

0.0%	0.0% #DCDCDD	RGB 220 220 221	#DCDCDD
16.7%	16.7% #CACCD3	RGB 202 204 211	#CACCD3
33.3%	33.3% #BABEC9	RGB 186 190 201	#BABEC9
50.0%	50.0% #AAB3BF	RGB 170 179 191	#AAB3BF
66.7%	66.7% #9BA9B5	RGB 155 169 181	#9BA9B5
83.3%	83.3% #8DA1AB	RGB 141 161 171	#8DA1AB
100.0%	100.0% #809BA1	RGB 128 155 161	#809BA1

#DCDCDD #CACCD3 #BABEC9 #AAB3BF #9BA9B5 #8DA1AB #809BA1

#DCDCDD - #AAB3BF - #809BA1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DCDCDD 0%, #AAB3BF 50%, #809BA1 100%);
    background: -webkit-linear-gradient(top, #DCDCDD 0%, #AAB3BF 50%, #809BA1 100%);
    background: linear-gradient(to bottom, #DCDCDD 0%, #AAB3BF 50%, #809BA1 100%);
}
</style>