#9F8082 - #FF9CA2 | 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 #9F8082 to #FF9CA2

#9F8082 #FF9CA2

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

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

0.0%	0.0% #9F8082	RGB 159 128 130	#9F8082
16.7%	16.7% #AF8487	RGB 175 132 135	#AF8487
33.3%	33.3% #BF898C	RGB 191 137 140	#BF898C
50.0%	50.0% #CF8E92	RGB 207 142 146	#CF8E92
66.7%	66.7% #DF9297	RGB 223 146 151	#DF9297
83.3%	83.3% #EF979C	RGB 239 151 156	#EF979C
100.0%	100.0% #FF9CA2	RGB 255 156 162	#FF9CA2

#9F8082 #AF8487 #BF898C #CF8E92 #DF9297 #EF979C #FF9CA2

#9F8082 - #FF9CA2

HSV Blend

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

0.0%	0.0% #9F8082	RGB 159 128 130	#9F8082
16.7%	16.7% #AF8789	RGB 175 135 137	#AF8789
33.3%	33.3% #BF8D90	RGB 191 141 144	#BF8D90
50.0%	50.0% #CF9296	RGB 207 146 150	#CF9296
66.7%	66.7% #DF969B	RGB 223 150 155	#DF969B
83.3%	83.3% #EF999F	RGB 239 153 159	#EF999F
100.0%	100.0% #FF9CA2	RGB 255 156 162	#FF9CA2

#9F8082 #AF8789 #BF8D90 #CF9296 #DF969B #EF999F #FF9CA2

#9F8082 - #CF9296 - #FF9CA2

CSS codes

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

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