#AC6B8C - #741C3D | 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 #AC6B8C to #741C3D

#AC6B8C #741C3D

Calculate the color between two colors, #AC6B8C and #741C3D. 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)

#AC6B8C - #741C3D | 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 #AC6B8C as 0% and #741C3D as 100%.

0.0%	0.0% #AC6B8C	RGB 172 107 140	#AC6B8C
16.7%	16.7% #A25D7E	RGB 162 93 126	#A25D7E
33.3%	33.3% #995071	RGB 153 80 113	#995071
50.0%	50.0% #904364	RGB 144 67 100	#904364
66.7%	66.7% #863657	RGB 134 54 87	#863657
83.3%	83.3% #7D294A	RGB 125 41 74	#7D294A
100.0%	100.0% #741C3D	RGB 116 28 61	#741C3D

#AC6B8C #A25D7E #995071 #904364 #863657 #7D294A #741C3D

#AC6B8C - #741C3D

HSV Blend

#AC6B8C - #741C3D | 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 #AC6B8C as 0% and #741C3D as 100%.

0.0%	0.0% #AC6B8C	RGB 172 107 140	#AC6B8C
16.7%	16.7% #A25A7D	RGB 162 90 125	#A25A7D
33.3%	33.3% #994B6F	RGB 153 75 111	#994B6F
50.0%	50.0% #903E62	RGB 144 62 98	#903E62
66.7%	66.7% #863155	RGB 134 49 85	#863155
83.3%	83.3% #7D2648	RGB 125 38 72	#7D2648
100.0%	100.0% #741C3D	RGB 116 28 61	#741C3D

#AC6B8C #A25A7D #994B6F #903E62 #863155 #7D2648 #741C3D

#AC6B8C - #903E62 - #741C3D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AC6B8C 0%, #903E62 50%, #741C3D 100%);
    background: -webkit-linear-gradient(top, #AC6B8C 0%, #903E62 50%, #741C3D 100%);
    background: linear-gradient(to bottom, #AC6B8C 0%, #903E62 50%, #741C3D 100%);
}
</style>