#A8608B - #301B27 | 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 #A8608B to #301B27

#A8608B #301B27

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

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

0.0%	0.0% #A8608B	RGB 168 96 139	#A8608B
16.7%	16.7% #94547A	RGB 148 84 122	#94547A
33.3%	33.3% #804969	RGB 128 73 105	#804969
50.0%	50.0% #6C3D59	RGB 108 61 89	#6C3D59
66.7%	66.7% #583248	RGB 88 50 72	#583248
83.3%	83.3% #442637	RGB 68 38 55	#442637
100.0%	100.0% #301B27	RGB 48 27 39	#301B27

#A8608B #94547A #804969 #6C3D59 #583248 #442637 #301B27

#A8608B - #301B27

HSV Blend

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

0.0%	0.0% #A8608A	RGB 168 96 138	#A8608A
16.7%	16.7% #94547A	RGB 148 84 122	#94547A
33.3%	33.3% #804869	RGB 128 72 105	#804869
50.0%	50.0% #6C3D58	RGB 108 61 88	#6C3D58
66.7%	66.7% #583147	RGB 88 49 71	#583147
83.3%	83.3% #442637	RGB 68 38 55	#442637
100.0%	100.0% #301B27	RGB 48 27 39	#301B27

#A8608A #94547A #804869 #6C3D58 #583147 #442637 #301B27

#A8608B - #6C3D58 - #301B27

CSS codes

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

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