#726C9C - #FAB8AC | 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 #726C9C to #FAB8AC

#726C9C #FAB8AC

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

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

0.0%	0.0% #726C9C	RGB 114 108 156	#726C9C
16.7%	16.7% #88789E	RGB 136 120 158	#88789E
33.3%	33.3% #9F85A1	RGB 159 133 161	#9F85A1
50.0%	50.0% #B692A4	RGB 182 146 164	#B692A4
66.7%	66.7% #CC9EA6	RGB 204 158 166	#CC9EA6
83.3%	83.3% #E3ABA9	RGB 227 171 169	#E3ABA9
100.0%	100.0% #FAB8AC	RGB 250 184 172	#FAB8AC

#726C9C #88789E #9F85A1 #B692A4 #CC9EA6 #E3ABA9 #FAB8AC

#726C9C - #FAB8AC

HSV Blend

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

0.0%	0.0% #726C9C	RGB 114 108 156	#726C9C
16.7%	16.7% #8F76AB	RGB 143 118 171	#8F76AB
33.3%	33.3% #AF81BB	RGB 175 129 187	#AF81BB
50.0%	50.0% #CB8CC2	RGB 203 140 194	#CB8CC2
66.7%	66.7% #DA96BA	RGB 218 150 186	#DA96BA
83.3%	83.3% #EAA1AE	RGB 234 161 174	#EAA1AE
100.0%	100.0% #FAB8AC	RGB 250 184 172	#FAB8AC

#726C9C #8F76AB #AF81BB #CB8CC2 #DA96BA #EAA1AE #FAB8AC

#726C9C - #CB8CC2 - #FAB8AC

CSS codes

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

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