#DBDADE - #97879E | 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 #DBDADE to #97879E

#DBDADE #97879E

Calculate the color between two colors, #DBDADE and #97879E. 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)

#DBDADE - #97879E | 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 #DBDADE as 0% and #97879E as 100%.

0.0%	0.0% #DBDADE	RGB 219 218 222	#DBDADE
16.7%	16.7% #CFCCD3	RGB 207 204 211	#CFCCD3
33.3%	33.3% #C4BEC8	RGB 196 190 200	#C4BEC8
50.0%	50.0% #B9B0BE	RGB 185 176 190	#B9B0BE
66.7%	66.7% #ADA2B3	RGB 173 162 179	#ADA2B3
83.3%	83.3% #A294A8	RGB 162 148 168	#A294A8
100.0%	100.0% #97879E	RGB 151 135 158	#97879E

#DBDADE #CFCCD3 #C4BEC8 #B9B0BE #ADA2B3 #A294A8 #97879E

#DBDADE - #97879E

HSV Blend

#DBDADE - #97879E | 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 #DBDADE as 0% and #97879E as 100%.

0.0%	0.0% #DBDADE	RGB 219 218 222	#DBDADE
16.7%	16.7% #CDCBD3	RGB 205 203 211	#CDCBD3
33.3%	33.3% #C1BCC8	RGB 193 188 200	#C1BCC8
50.0%	50.0% #B5AEBE	RGB 181 174 190	#B5AEBE
66.7%	66.7% #AAA0B3	RGB 170 160 179	#AAA0B3
83.3%	83.3% #A093A8	RGB 160 147 168	#A093A8
100.0%	100.0% #97879E	RGB 151 135 158	#97879E

#DBDADE #CDCBD3 #C1BCC8 #B5AEBE #AAA0B3 #A093A8 #97879E

#DBDADE - #B5AEBE - #97879E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBDADE 0%, #B5AEBE 50%, #97879E 100%);
    background: -webkit-linear-gradient(top, #DBDADE 0%, #B5AEBE 50%, #97879E 100%);
    background: linear-gradient(to bottom, #DBDADE 0%, #B5AEBE 50%, #97879E 100%);
}
</style>