#8D8D9C - #D5C2AB | 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 #8D8D9C to #D5C2AB

#8D8D9C #D5C2AB

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

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

0.0%	0.0% #8D8D9C	RGB 141 141 156	#8D8D9C
16.7%	16.7% #99959E	RGB 153 149 158	#99959E
33.3%	33.3% #A59EA1	RGB 165 158 161	#A59EA1
50.0%	50.0% #B1A7A3	RGB 177 167 163	#B1A7A3
66.7%	66.7% #BDB0A6	RGB 189 176 166	#BDB0A6
83.3%	83.3% #C9B9A8	RGB 201 185 168	#C9B9A8
100.0%	100.0% #D5C2AB	RGB 213 194 171	#D5C2AB

#8D8D9C #99959E #A59EA1 #B1A7A3 #BDB0A6 #C9B9A8 #D5C2AB

#8D8D9C - #D5C2AB

HSV Blend

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

0.0%	0.0% #8D8D9C	RGB 141 141 156	#8D8D9C
16.7%	16.7% #9A92A5	RGB 154 146 165	#9A92A5
33.3%	33.3% #AB98AF	RGB 171 152 175	#AB98AF
50.0%	50.0% #B89DB1	RGB 184 157 177	#B89DB1
66.7%	66.7% #C2A2AB	RGB 194 162 171	#C2A2AB
83.3%	83.3% #CBABA6	RGB 203 171 166	#CBABA6
100.0%	100.0% #D5C2AB	RGB 213 194 171	#D5C2AB

#8D8D9C #9A92A5 #AB98AF #B89DB1 #C2A2AB #CBABA6 #D5C2AB

#8D8D9C - #B89DB1 - #D5C2AB

CSS codes

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

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