#9F86B5 - #FFCAB6 | 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 #9F86B5 to #FFCAB6

#9F86B5 #FFCAB6

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

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

0.0%	0.0% #9F86B5	RGB 159 134 181	#9F86B5
16.7%	16.7% #AF91B5	RGB 175 145 181	#AF91B5
33.3%	33.3% #BF9CB5	RGB 191 156 181	#BF9CB5
50.0%	50.0% #CFA8B5	RGB 207 168 181	#CFA8B5
66.7%	66.7% #DFB3B5	RGB 223 179 181	#DFB3B5
83.3%	83.3% #EFBEB5	RGB 239 190 181	#EFBEB5
100.0%	100.0% #FFCAB6	RGB 255 202 182	#FFCAB6

#9F86B5 #AF91B5 #BF9CB5 #CFA8B5 #DFB3B5 #EFBEB5 #FFCAB6

#9F86B5 - #FFCAB6

HSV Blend

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

0.0%	0.0% #9F86B5	RGB 159 134 181	#9F86B5
16.7%	16.7% #B88EC1	RGB 184 142 193	#B88EC1
33.3%	33.3% #CD96C7	RGB 205 150 199	#CD96C7
50.0%	50.0% #DA9EC2	RGB 218 158 194	#DA9EC2
66.7%	66.7% #E6A6BA	RGB 230 166 186	#E6A6BA
83.3%	83.3% #F2AEAF	RGB 242 174 175	#F2AEAF
100.0%	100.0% #FFCAB6	RGB 255 202 182	#FFCAB6

#9F86B5 #B88EC1 #CD96C7 #DA9EC2 #E6A6BA #F2AEAF #FFCAB6

#9F86B5 - #DA9EC2 - #FFCAB6

CSS codes

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

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