#7B7F8C - #FFA49B | 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 #7B7F8C to #FFA49B

#7B7F8C #FFA49B

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

#7B7F8C - #FFA49B | 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 #7B7F8C as 0% and #FFA49B as 100%.

0.0%	0.0% #7B7F8C	RGB 123 127 140	#7B7F8C
16.7%	16.7% #91858E	RGB 145 133 142	#91858E
33.3%	33.3% #A78B91	RGB 167 139 145	#A78B91
50.0%	50.0% #BD9193	RGB 189 145 147	#BD9193
66.7%	66.7% #D39796	RGB 211 151 150	#D39796
83.3%	83.3% #E99D98	RGB 233 157 152	#E99D98
100.0%	100.0% #FFA49B	RGB 255 164 155	#FFA49B

#7B7F8C #91858E #A78B91 #BD9193 #D39796 #E99D98 #FFA49B

#7B7F8C - #FFA49B

HSV Blend

#7B7F8C - #FFA49B | 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 #7B7F8C as 0% and #FFA49B as 100%.

0.0%	0.0% #7B7F8C	RGB 123 127 140	#7B7F8C
16.7%	16.7% #88849F	RGB 136 132 159	#88849F
33.3%	33.3% #A08CB2	RGB 160 140 178	#A08CB2
50.0%	50.0% #C192C5	RGB 193 146 197	#C192C5
66.7%	66.7% #D897C4	RGB 216 151 196	#D897C4
83.3%	83.3% #EB99B2	RGB 235 153 178	#EB99B2
100.0%	100.0% #FFA49B	RGB 255 164 155	#FFA49B

#7B7F8C #88849F #A08CB2 #C192C5 #D897C4 #EB99B2 #FFA49B

#7B7F8C - #C192C5 - #FFA49B

CSS codes

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

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