#9F99B7 - #FFD6B9 | 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 #9F99B7 to #FFD6B9

#9F99B7 #FFD6B9

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

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

0.0%	0.0% #9F99B7	RGB 159 153 183	#9F99B7
16.7%	16.7% #AFA3B7	RGB 175 163 183	#AFA3B7
33.3%	33.3% #BFADB7	RGB 191 173 183	#BFADB7
50.0%	50.0% #CFB7B8	RGB 207 183 184	#CFB7B8
66.7%	66.7% #DFC1B8	RGB 223 193 184	#DFC1B8
83.3%	83.3% #EFCBB8	RGB 239 203 184	#EFCBB8
100.0%	100.0% #FFD6B9	RGB 255 214 185	#FFD6B9

#9F99B7 #AFA3B7 #BFADB7 #CFB7B8 #DFC1B8 #EFCBB8 #FFD6B9

#9F99B7 - #FFD6B9

HSV Blend

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

0.0%	0.0% #9F99B7	RGB 159 153 183	#9F99B7
16.7%	16.7% #B39FC3	RGB 179 159 195	#B39FC3
33.3%	33.3% #CCA5CF	RGB 204 165 207	#CCA5CF
50.0%	50.0% #DBAACC	RGB 219 170 204	#DBAACC
66.7%	66.7% #E7B0C1	RGB 231 176 193	#E7B0C1
83.3%	83.3% #F3B7B4	RGB 243 183 180	#F3B7B4
100.0%	100.0% #FFD6B9	RGB 255 214 185	#FFD6B9

#9F99B7 #B39FC3 #CCA5CF #DBAACC #E7B0C1 #F3B7B4 #FFD6B9

#9F99B7 - #DBAACC - #FFD6B9

CSS codes

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

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