#7B848C - #FF9BAF | 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 #7B848C to #FF9BAF

#7B848C #FF9BAF

Calculate the color between two colors, #7B848C and #FF9BAF. 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)

#7B848C - #FF9BAF | 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 #7B848C as 0% and #FF9BAF as 100%.

0.0%	0.0% #7B848C	RGB 123 132 140	#7B848C
16.7%	16.7% #918791	RGB 145 135 145	#918791
33.3%	33.3% #A78B97	RGB 167 139 151	#A78B97
50.0%	50.0% #BD8F9D	RGB 189 143 157	#BD8F9D
66.7%	66.7% #D393A3	RGB 211 147 163	#D393A3
83.3%	83.3% #E997A9	RGB 233 151 169	#E997A9
100.0%	100.0% #FF9BAF	RGB 255 155 175	#FF9BAF

#7B848C #918791 #A78B97 #BD8F9D #D393A3 #E997A9 #FF9BAF

#7B848C - #FF9BAF

HSV Blend

#7B848C - #FF9BAF | 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 #7B848C as 0% and #FF9BAF as 100%.

0.0%	0.0% #7B848C	RGB 123 132 140	#7B848C
16.7%	16.7% #84889F	RGB 132 136 159	#84889F
33.3%	33.3% #958CB2	RGB 149 140 178	#958CB2
50.0%	50.0% #B392C5	RGB 179 146 197	#B392C5
66.7%	66.7% #D897D7	RGB 216 151 215	#D897D7
83.3%	83.3% #EB99CA	RGB 235 153 202	#EB99CA
100.0%	100.0% #FF9BAF	RGB 255 155 175	#FF9BAF

#7B848C #84889F #958CB2 #B392C5 #D897D7 #EB99CA #FF9BAF

#7B848C - #B392C5 - #FF9BAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B848C 0%, #B392C5 50%, #FF9BAF 100%);
    background: -webkit-linear-gradient(top, #7B848C 0%, #B392C5 50%, #FF9BAF 100%);
    background: linear-gradient(to bottom, #7B848C 0%, #B392C5 50%, #FF9BAF 100%);
}
</style>