#9F6F95 - #B8C2B5 | 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 #9F6F95 to #B8C2B5

#9F6F95 #B8C2B5

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

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

0.0%	0.0% #9F6F95	RGB 159 111 149	#9F6F95
16.7%	16.7% #A37C9A	RGB 163 124 154	#A37C9A
33.3%	33.3% #A78A9F	RGB 167 138 159	#A78A9F
50.0%	50.0% #AB98A5	RGB 171 152 165	#AB98A5
66.7%	66.7% #AFA6AA	RGB 175 166 170	#AFA6AA
83.3%	83.3% #B3B4AF	RGB 179 180 175	#B3B4AF
100.0%	100.0% #B8C2B5	RGB 184 194 181	#B8C2B5

#9F6F95 #A37C9A #A78A9F #AB98A5 #AFA6AA #B3B4AF #B8C2B5

#9F6F95 - #B8C2B5

HSV Blend

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

0.0%	0.0% #9F6F94	RGB 159 111 148	#9F6F94
16.7%	16.7% #A47989	RGB 164 121 137	#A47989
33.3%	33.3% #AA8684	RGB 170 134 132	#AA8684
50.0%	50.0% #B09F8F	RGB 176 159 143	#B09F8F
66.7%	66.7% #B6B49B	RGB 182 180 155	#B6B49B
83.3%	83.3% #B5BCA8	RGB 181 188 168	#B5BCA8
100.0%	100.0% #B8C2B5	RGB 184 194 181	#B8C2B5

#9F6F94 #A47989 #AA8684 #B09F8F #B6B49B #B5BCA8 #B8C2B5

#9F6F95 - #B09F8F - #B8C2B5

CSS codes

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

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