#7E7584 - #FFB98C | 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 #7E7584 to #FFB98C

#7E7584 #FFB98C

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

#7E7584 - #FFB98C | 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 #7E7584 as 0% and #FFB98C as 100%.

0.0%	0.0% #7E7584	RGB 126 117 132	#7E7584
16.7%	16.7% #938085	RGB 147 128 133	#938085
33.3%	33.3% #A98B86	RGB 169 139 134	#A98B86
50.0%	50.0% #BE9788	RGB 190 151 136	#BE9788
66.7%	66.7% #D4A289	RGB 212 162 137	#D4A289
83.3%	83.3% #E9AD8A	RGB 233 173 138	#E9AD8A
100.0%	100.0% #FFB98C	RGB 255 185 140	#FFB98C

#7E7584 #938085 #A98B86 #BE9788 #D4A289 #E9AD8A #FFB98C

#7E7584 - #FFB98C

HSV Blend

#7E7584 - #FFB98C | 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 #7E7584 as 0% and #FFB98C as 100%.

0.0%	0.0% #7E7584	RGB 126 117 132	#7E7584
16.7%	16.7% #957E98	RGB 149 126 152	#957E98
33.3%	33.3% #AD85A5	RGB 173 133 165	#AD85A5
50.0%	50.0% #C18AA6	RGB 193 138 166	#C18AA6
66.7%	66.7% #D68D9C	RGB 214 141 156	#D68D9C
83.3%	83.3% #EA968D	RGB 234 150 141	#EA968D
100.0%	100.0% #FFB98C	RGB 255 185 140	#FFB98C

#7E7584 #957E98 #AD85A5 #C18AA6 #D68D9C #EA968D #FFB98C

#7E7584 - #C18AA6 - #FFB98C

CSS codes

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

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