#807E8D - #DBDADE | 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 #807E8D to #DBDADE

#807E8D #DBDADE

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

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

0.0%	0.0% #807E8D	RGB 128 126 141	#807E8D
16.7%	16.7% #8F8D9A	RGB 143 141 154	#8F8D9A
33.3%	33.3% #9E9CA8	RGB 158 156 168	#9E9CA8
50.0%	50.0% #ADACB5	RGB 173 172 181	#ADACB5
66.7%	66.7% #BCBBC3	RGB 188 187 195	#BCBBC3
83.3%	83.3% #CBCAD0	RGB 203 202 208	#CBCAD0
100.0%	100.0% #DBDADE	RGB 219 218 222	#DBDADE

#807E8D #8F8D9A #9E9CA8 #ADACB5 #BCBBC3 #CBCAD0 #DBDADE

#807E8D - #DBDADE

HSV Blend

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

0.0%	0.0% #807E8D	RGB 128 126 141	#807E8D
16.7%	16.7% #8E8C9A	RGB 142 140 154	#8E8C9A
33.3%	33.3% #9D9BA8	RGB 157 155 168	#9D9BA8
50.0%	50.0% #ACAAB5	RGB 172 170 181	#ACAAB5
66.7%	66.7% #BBB9C3	RGB 187 185 195	#BBB9C3
83.3%	83.3% #CBC9D0	RGB 203 201 208	#CBC9D0
100.0%	100.0% #DBDADE	RGB 219 218 222	#DBDADE

#807E8D #8E8C9A #9D9BA8 #ACAAB5 #BBB9C3 #CBC9D0 #DBDADE

#807E8D - #ACAAB5 - #DBDADE

CSS codes

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

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