#726A8D - #FDB49C | 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 #726A8D to #FDB49C

#726A8D #FDB49C

Calculate the color between two colors, #726A8D and #FDB49C. 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)

#726A8D - #FDB49C | 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 #726A8D as 0% and #FDB49C as 100%.

0.0%	0.0% #726A8D	RGB 114 106 141	#726A8D
16.7%	16.7% #89768F	RGB 137 118 143	#89768F
33.3%	33.3% #A08292	RGB 160 130 146	#A08292
50.0%	50.0% #B78F94	RGB 183 143 148	#B78F94
66.7%	66.7% #CE9B97	RGB 206 155 151	#CE9B97
83.3%	83.3% #E5A799	RGB 229 167 153	#E5A799
100.0%	100.0% #FDB49C	RGB 253 180 156	#FDB49C

#726A8D #89768F #A08292 #B78F94 #CE9B97 #E5A799 #FDB49C

#726A8D - #FDB49C

HSV Blend

#726A8D - #FDB49C | 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 #726A8D as 0% and #FDB49C as 100%.

0.0%	0.0% #726A8D	RGB 114 106 141	#726A8D
16.7%	16.7% #8C749F	RGB 140 116 159	#8C749F
33.3%	33.3% #AD7EB2	RGB 173 126 178	#AD7EB2
50.0%	50.0% #C586B6	RGB 197 134 182	#C586B6
66.7%	66.7% #D78EAD	RGB 215 142 173	#D78EAD
83.3%	83.3% #EA959D	RGB 234 149 157	#EA959D
100.0%	100.0% #FDB49C	RGB 253 180 156	#FDB49C

#726A8D #8C749F #AD7EB2 #C586B6 #D78EAD #EA959D #FDB49C

#726A8D - #C586B6 - #FDB49C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #726A8D 0%, #C586B6 50%, #FDB49C 100%);
    background: -webkit-linear-gradient(top, #726A8D 0%, #C586B6 50%, #FDB49C 100%);
    background: linear-gradient(to bottom, #726A8D 0%, #C586B6 50%, #FDB49C 100%);
}
</style>