#9599A8 - #FFBCAF | 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 #9599A8 to #FFBCAF

#9599A8 #FFBCAF

Calculate the color between two colors, #9599A8 and #FFBCAF. 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)

#9599A8 - #FFBCAF | 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 #9599A8 as 0% and #FFBCAF as 100%.

0.0%	0.0% #9599A8	RGB 149 153 168	#9599A8
16.7%	16.7% #A69EA9	RGB 166 158 169	#A69EA9
33.3%	33.3% #B8A4AA	RGB 184 164 170	#B8A4AA
50.0%	50.0% #CAAAAB	RGB 202 170 171	#CAAAAB
66.7%	66.7% #DBB0AC	RGB 219 176 172	#DBB0AC
83.3%	83.3% #EDB6AD	RGB 237 182 173	#EDB6AD
100.0%	100.0% #FFBCAF	RGB 255 188 175	#FFBCAF

#9599A8 #A69EA9 #B8A4AA #CAAAAB #DBB0AC #EDB6AD #FFBCAF

#9599A8 - #FFBCAF

HSV Blend

#9599A8 - #FFBCAF | 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 #9599A8 as 0% and #FFBCAF as 100%.

0.0%	0.0% #9599A8	RGB 149 153 168	#9599A8
16.7%	16.7% #A09BB6	RGB 160 155 182	#A09BB6
33.3%	33.3% #B6A1C5	RGB 182 161 197	#B6A1C5
50.0%	50.0% #D2A6D3	RGB 210 166 211	#D2A6D3
66.7%	66.7% #E2AACD	RGB 226 170 205	#E2AACD
83.3%	83.3% #F0ADBC	RGB 240 173 188	#F0ADBC
100.0%	100.0% #FFBCAF	RGB 255 188 175	#FFBCAF

#9599A8 #A09BB6 #B6A1C5 #D2A6D3 #E2AACD #F0ADBC #FFBCAF

#9599A8 - #D2A6D3 - #FFBCAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9599A8 0%, #D2A6D3 50%, #FFBCAF 100%);
    background: -webkit-linear-gradient(top, #9599A8 0%, #D2A6D3 50%, #FFBCAF 100%);
    background: linear-gradient(to bottom, #9599A8 0%, #D2A6D3 50%, #FFBCAF 100%);
}
</style>