#9C8FA8 - #CFD4B5 | 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 #9C8FA8 to #CFD4B5

#9C8FA8 #CFD4B5

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

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

0.0%	0.0% #9C8FA8	RGB 156 143 168	#9C8FA8
16.7%	16.7% #A49AAA	RGB 164 154 170	#A49AAA
33.3%	33.3% #ADA6AC	RGB 173 166 172	#ADA6AC
50.0%	50.0% #B5B1AE	RGB 181 177 174	#B5B1AE
66.7%	66.7% #BEBDB0	RGB 190 189 176	#BEBDB0
83.3%	83.3% #C6C8B2	RGB 198 200 178	#C6C8B2
100.0%	100.0% #CFD4B5	RGB 207 212 181	#CFD4B5

#9C8FA8 #A49AAA #ADA6AC #B5B1AE #BEBDB0 #C6C8B2 #CFD4B5

#9C8FA8 - #CFD4B5

HSV Blend

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

0.0%	0.0% #9C8FA8	RGB 156 143 168	#9C8FA8
16.7%	16.7% #AE95AF	RGB 174 149 175	#AE95AF
33.3%	33.3% #B69BAB	RGB 182 155 171	#B69BAB
50.0%	50.0% #BEA1A6	RGB 190 161 166	#BEA1A6
66.7%	66.7% #C5B0A8	RGB 197 176 168	#C5B0A8
83.3%	83.3% #CCC4AE	RGB 204 196 174	#CCC4AE
100.0%	100.0% #CFD4B5	RGB 207 212 181	#CFD4B5

#9C8FA8 #AE95AF #B69BAB #BEA1A6 #C5B0A8 #CCC4AE #CFD4B5

#9C8FA8 - #BEA1A6 - #CFD4B5

CSS codes

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

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