#AC7F8C - #74303E | 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 #AC7F8C to #74303E

#AC7F8C #74303E

Calculate the color between two colors, #AC7F8C and #74303E. 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)

#AC7F8C - #74303E | 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 #AC7F8C as 0% and #74303E as 100%.

0.0%	0.0% #AC7F8C	RGB 172 127 140	#AC7F8C
16.7%	16.7% #A2717F	RGB 162 113 127	#A2717F
33.3%	33.3% #996472	RGB 153 100 114	#996472
50.0%	50.0% #905765	RGB 144 87 101	#905765
66.7%	66.7% #864A58	RGB 134 74 88	#864A58
83.3%	83.3% #7D3D4B	RGB 125 61 75	#7D3D4B
100.0%	100.0% #74303E	RGB 116 48 62	#74303E

#AC7F8C #A2717F #996472 #905765 #864A58 #7D3D4B #74303E

#AC7F8C - #74303E

HSV Blend

#AC7F8C - #74303E | 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 #AC7F8C as 0% and #74303E as 100%.

0.0%	0.0% #AC7F8C	RGB 172 127 140	#AC7F8C
16.7%	16.7% #A26F7D	RGB 162 111 125	#A26F7D
33.3%	33.3% #99606F	RGB 153 96 111	#99606F
50.0%	50.0% #905262	RGB 144 82 98	#905262
66.7%	66.7% #864655	RGB 134 70 85	#864655
83.3%	83.3% #7D3A49	RGB 125 58 73	#7D3A49
100.0%	100.0% #74303E	RGB 116 48 62	#74303E

#AC7F8C #A26F7D #99606F #905262 #864655 #7D3A49 #74303E

#AC7F8C - #905262 - #74303E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AC7F8C 0%, #905262 50%, #74303E 100%);
    background: -webkit-linear-gradient(top, #AC7F8C 0%, #905262 50%, #74303E 100%);
    background: linear-gradient(to bottom, #AC7F8C 0%, #905262 50%, #74303E 100%);
}
</style>