#867B8C - #FF988C | 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 #867B8C to #FF988C

#867B8C #FF988C

Calculate the color between two colors, #867B8C and #FF988C. 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)

#867B8C - #FF988C | 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 #867B8C as 0% and #FF988C as 100%.

0.0%	0.0% #867B8C	RGB 134 123 140	#867B8C
16.7%	16.7% #9A7F8C	RGB 154 127 140	#9A7F8C
33.3%	33.3% #AE848C	RGB 174 132 140	#AE848C
50.0%	50.0% #C2898C	RGB 194 137 140	#C2898C
66.7%	66.7% #D68E8C	RGB 214 142 140	#D68E8C
83.3%	83.3% #EA938C	RGB 234 147 140	#EA938C
100.0%	100.0% #FF988C	RGB 255 152 140	#FF988C

#867B8C #9A7F8C #AE848C #C2898C #D68E8C #EA938C #FF988C

#867B8C - #FF988C

HSV Blend

#867B8C - #FF988C | 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 #867B8C as 0% and #FF988C as 100%.

0.0%	0.0% #867B8C	RGB 134 123 140	#867B8C
16.7%	16.7% #9C839F	RGB 156 131 159	#9C839F
33.3%	33.3% #B289AC	RGB 178 137 172	#B289AC
50.0%	50.0% #C58CB0	RGB 197 140 176	#C58CB0
66.7%	66.7% #D88EAA	RGB 216 142 170	#D88EAA
83.3%	83.3% #EB8E9B	RGB 235 142 155	#EB8E9B
100.0%	100.0% #FF988C	RGB 255 152 140	#FF988C

#867B8C #9C839F #B289AC #C58CB0 #D88EAA #EB8E9B #FF988C

#867B8C - #C58CB0 - #FF988C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #867B8C 0%, #C58CB0 50%, #FF988C 100%);
    background: -webkit-linear-gradient(top, #867B8C 0%, #C58CB0 50%, #FF988C 100%);
    background: linear-gradient(to bottom, #867B8C 0%, #C58CB0 50%, #FF988C 100%);
}
</style>