#959B9F - #DCB2AF | 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 #959B9F to #DCB2AF

#959B9F #DCB2AF

Calculate the color between two colors, #959B9F and #DCB2AF. 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)

#959B9F - #DCB2AF | 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 #959B9F as 0% and #DCB2AF as 100%.

0.0%	0.0% #959B9F	RGB 149 155 159	#959B9F
16.7%	16.7% #A09EA1	RGB 160 158 161	#A09EA1
33.3%	33.3% #ACA2A4	RGB 172 162 164	#ACA2A4
50.0%	50.0% #B8A6A7	RGB 184 166 167	#B8A6A7
66.7%	66.7% #C4AAA9	RGB 196 170 169	#C4AAA9
83.3%	83.3% #D0AEAC	RGB 208 174 172	#D0AEAC
100.0%	100.0% #DCB2AF	RGB 220 178 175	#DCB2AF

#959B9F #A09EA1 #ACA2A4 #B8A6A7 #C4AAA9 #D0AEAC #DCB2AF

#959B9F - #DCB2AF

HSV Blend

#959B9F - #DCB2AF | 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 #959B9F as 0% and #DCB2AF as 100%.

0.0%	0.0% #959B9F	RGB 149 155 159	#959B9F
16.7%	16.7% #9A9CA9	RGB 154 156 169	#9A9CA9
33.3%	33.3% #A59FB3	RGB 165 159 179	#A59FB3
50.0%	50.0% #B6A4BD	RGB 182 164 189	#B6A4BD
66.7%	66.7% #C7A8C2	RGB 199 168 194	#C7A8C2
83.3%	83.3% #D1ABBA	RGB 209 171 186	#D1ABBA
100.0%	100.0% #DCB2AF	RGB 220 178 175	#DCB2AF

#959B9F #9A9CA9 #A59FB3 #B6A4BD #C7A8C2 #D1ABBA #DCB2AF

#959B9F - #B6A4BD - #DCB2AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #959B9F 0%, #B6A4BD 50%, #DCB2AF 100%);
    background: -webkit-linear-gradient(top, #959B9F 0%, #B6A4BD 50%, #DCB2AF 100%);
    background: linear-gradient(to bottom, #959B9F 0%, #B6A4BD 50%, #DCB2AF 100%);
}
</style>