#A8689E - #301D2D | 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 #A8689E to #301D2D

#A8689E #301D2D

Calculate the color between two colors, #A8689E and #301D2D. 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)

#A8689E - #301D2D | 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 #A8689E as 0% and #301D2D as 100%.

0.0%	0.0% #A8689E	RGB 168 104 158	#A8689E
16.7%	16.7% #945B8B	RGB 148 91 139	#945B8B
33.3%	33.3% #804F78	RGB 128 79 120	#804F78
50.0%	50.0% #6C4265	RGB 108 66 101	#6C4265
66.7%	66.7% #583652	RGB 88 54 82	#583652
83.3%	83.3% #44293F	RGB 68 41 63	#44293F
100.0%	100.0% #301D2D	RGB 48 29 45	#301D2D

#A8689E #945B8B #804F78 #6C4265 #583652 #44293F #301D2D

#A8689E - #301D2D

HSV Blend

#A8689E - #301D2D | 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 #A8689E as 0% and #301D2D as 100%.

0.0%	0.0% #A8689E	RGB 168 104 158	#A8689E
16.7%	16.7% #945B8B	RGB 148 91 139	#945B8B
33.3%	33.3% #804E78	RGB 128 78 120	#804E78
50.0%	50.0% #6C4265	RGB 108 66 101	#6C4265
66.7%	66.7% #583552	RGB 88 53 82	#583552
83.3%	83.3% #44293F	RGB 68 41 63	#44293F
100.0%	100.0% #301D2D	RGB 48 29 45	#301D2D

#A8689E #945B8B #804E78 #6C4265 #583552 #44293F #301D2D

#A8689E - #6C4265 - #301D2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8689E 0%, #6C4265 50%, #301D2D 100%);
    background: -webkit-linear-gradient(top, #A8689E 0%, #6C4265 50%, #301D2D 100%);
    background: linear-gradient(to bottom, #A8689E 0%, #6C4265 50%, #301D2D 100%);
}
</style>