#9C9BA1 - #FFD6A8 | 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 #9C9BA1 to #FFD6A8

#9C9BA1 #FFD6A8

Calculate the color between two colors, #9C9BA1 and #FFD6A8. 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)

#9C9BA1 - #FFD6A8 | 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 #9C9BA1 as 0% and #FFD6A8 as 100%.

0.0%	0.0% #9C9BA1	RGB 156 155 161	#9C9BA1
16.7%	16.7% #ACA4A2	RGB 172 164 162	#ACA4A2
33.3%	33.3% #BDAEA3	RGB 189 174 163	#BDAEA3
50.0%	50.0% #CDB8A4	RGB 205 184 164	#CDB8A4
66.7%	66.7% #DEC2A5	RGB 222 194 165	#DEC2A5
83.3%	83.3% #EECCA6	RGB 238 204 166	#EECCA6
100.0%	100.0% #FFD6A8	RGB 255 214 168	#FFD6A8

#9C9BA1 #ACA4A2 #BDAEA3 #CDB8A4 #DEC2A5 #EECCA6 #FFD6A8

#9C9BA1 - #FFD6A8

HSV Blend

#9C9BA1 - #FFD6A8 | 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 #9C9BA1 as 0% and #FFD6A8 as 100%.

0.0%	0.0% #9C9BA1	RGB 156 155 161	#9C9BA1
16.7%	16.7% #A9A1B0	RGB 169 161 176	#A9A1B0
33.3%	33.3% #BFA5C0	RGB 191 165 192	#BFA5C0
50.0%	50.0% #D0A8C2	RGB 208 168 194	#D0A8C2
66.7%	66.7% #DFAAB7	RGB 223 170 183	#DFAAB7
83.3%	83.3% #EFB3A9	RGB 239 179 169	#EFB3A9
100.0%	100.0% #FFD6A8	RGB 255 214 168	#FFD6A8

#9C9BA1 #A9A1B0 #BFA5C0 #D0A8C2 #DFAAB7 #EFB3A9 #FFD6A8

#9C9BA1 - #D0A8C2 - #FFD6A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C9BA1 0%, #D0A8C2 50%, #FFD6A8 100%);
    background: -webkit-linear-gradient(top, #9C9BA1 0%, #D0A8C2 50%, #FFD6A8 100%);
    background: linear-gradient(to bottom, #9C9BA1 0%, #D0A8C2 50%, #FFD6A8 100%);
}
</style>