#8F7F8D - #DFDADE | 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 #8F7F8D to #DFDADE

#8F7F8D #DFDADE

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

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

0.0%	0.0% #8F7F8D	RGB 143 127 141	#8F7F8D
16.7%	16.7% #9C8E9A	RGB 156 142 154	#9C8E9A
33.3%	33.3% #A99DA8	RGB 169 157 168	#A99DA8
50.0%	50.0% #B7ACB5	RGB 183 172 181	#B7ACB5
66.7%	66.7% #C4BBC3	RGB 196 187 195	#C4BBC3
83.3%	83.3% #D1CAD0	RGB 209 202 208	#D1CAD0
100.0%	100.0% #DFDADE	RGB 223 218 222	#DFDADE

#8F7F8D #9C8E9A #A99DA8 #B7ACB5 #C4BBC3 #D1CAD0 #DFDADE

#8F7F8D - #DFDADE

HSV Blend

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

0.0%	0.0% #8F7F8D	RGB 143 127 141	#8F7F8D
16.7%	16.7% #9C8D9A	RGB 156 141 154	#9C8D9A
33.3%	33.3% #A99BA7	RGB 169 155 167	#A99BA7
50.0%	50.0% #B7AAB5	RGB 183 170 181	#B7AAB5
66.7%	66.7% #C4BAC2	RGB 196 186 194	#C4BAC2
83.3%	83.3% #D1C9D0	RGB 209 201 208	#D1C9D0
100.0%	100.0% #DFDADE	RGB 223 218 222	#DFDADE

#8F7F8D #9C8D9A #A99BA7 #B7AAB5 #C4BAC2 #D1C9D0 #DFDADE

#8F7F8D - #B7AAB5 - #DFDADE

CSS codes

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

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