#9F9EB3 - #FFD9B8 | 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 #9F9EB3 to #FFD9B8

#9F9EB3 #FFD9B8

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

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

0.0%	0.0% #9F9EB3	RGB 159 158 179	#9F9EB3
16.7%	16.7% #AFA7B3	RGB 175 167 179	#AFA7B3
33.3%	33.3% #BFB1B4	RGB 191 177 180	#BFB1B4
50.0%	50.0% #CFBBB5	RGB 207 187 181	#CFBBB5
66.7%	66.7% #DFC5B6	RGB 223 197 182	#DFC5B6
83.3%	83.3% #EFCFB7	RGB 239 207 183	#EFCFB7
100.0%	100.0% #FFD9B8	RGB 255 217 184	#FFD9B8

#9F9EB3 #AFA7B3 #BFB1B4 #CFBBB5 #DFC5B6 #EFCFB7 #FFD9B8

#9F9EB3 - #FFD9B8

HSV Blend

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

0.0%	0.0% #9F9EB3	RGB 159 158 179	#9F9EB3
16.7%	16.7% #B0A4BF	RGB 176 164 191	#B0A4BF
33.3%	33.3% #C7A9CC	RGB 199 169 204	#C7A9CC
50.0%	50.0% #D9AECD	RGB 217 174 205	#D9AECD
66.7%	66.7% #E5B2C3	RGB 229 178 195	#E5B2C3
83.3%	83.3% #F2B9B5	RGB 242 185 181	#F2B9B5
100.0%	100.0% #FFD9B8	RGB 255 217 184	#FFD9B8

#9F9EB3 #B0A4BF #C7A9CC #D9AECD #E5B2C3 #F2B9B5 #FFD9B8

#9F9EB3 - #D9AECD - #FFD9B8

CSS codes

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

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