#9F8BA2 - #FFC9A0 | 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 #9F8BA2 to #FFC9A0

#9F8BA2 #FFC9A0

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

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

0.0%	0.0% #9F8BA2	RGB 159 139 162	#9F8BA2
16.7%	16.7% #AF95A1	RGB 175 149 161	#AF95A1
33.3%	33.3% #BF9FA1	RGB 191 159 161	#BF9FA1
50.0%	50.0% #CFAAA1	RGB 207 170 161	#CFAAA1
66.7%	66.7% #DFB4A0	RGB 223 180 160	#DFB4A0
83.3%	83.3% #EFBEA0	RGB 239 190 160	#EFBEA0
100.0%	100.0% #FFC9A0	RGB 255 201 160	#FFC9A0

#9F8BA2 #AF95A1 #BF9FA1 #CFAAA1 #DFB4A0 #EFBEA0 #FFC9A0

#9F8BA2 - #FFC9A0

HSV Blend

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

0.0%	0.0% #9F8BA2	RGB 159 139 162	#9F8BA2
16.7%	16.7% #B191AD	RGB 177 145 173	#B191AD
33.3%	33.3% #C196B0	RGB 193 150 176	#C196B0
50.0%	50.0% #D09AAD	RGB 208 154 173	#D09AAD
66.7%	66.7% #E09DA3	RGB 224 157 163	#E09DA3
83.3%	83.3% #EFAD9F	RGB 239 173 159	#EFAD9F
100.0%	100.0% #FFC9A0	RGB 255 201 160	#FFC9A0

#9F8BA2 #B191AD #C196B0 #D09AAD #E09DA3 #EFAD9F #FFC9A0

#9F8BA2 - #D09AAD - #FFC9A0

CSS codes

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

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