#595999 - #A19EB6 | 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 #595999 to #A19EB6

#595999 #A19EB6

Calculate the color between two colors, #595999 and #A19EB6. 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)

#595999 - #A19EB6 | 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 #595999 as 0% and #A19EB6 as 100%.

0.0%	0.0% #595999	RGB 89 89 153	#595999
16.7%	16.7% #65649D	RGB 101 100 157	#65649D
33.3%	33.3% #7170A2	RGB 113 112 162	#7170A2
50.0%	50.0% #7D7BA7	RGB 125 123 167	#7D7BA7
66.7%	66.7% #8987AC	RGB 137 135 172	#8987AC
83.3%	83.3% #9592B1	RGB 149 146 177	#9592B1
100.0%	100.0% #A19EB6	RGB 161 158 182	#A19EB6

#595999 #65649D #7170A2 #7D7BA7 #8987AC #9592B1 #A19EB6

#595999 - #A19EB6

HSV Blend

#595999 - #A19EB6 | 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 #595999 as 0% and #A19EB6 as 100%.

0.0%	0.0% #595999	RGB 89 89 153	#595999
16.7%	16.7% #64639D	RGB 100 99 157	#64639D
33.3%	33.3% #706EA2	RGB 112 110 162	#706EA2
50.0%	50.0% #7C79A7	RGB 124 121 167	#7C79A7
66.7%	66.7% #8885AC	RGB 136 133 172	#8885AC
83.3%	83.3% #9491B1	RGB 148 145 177	#9491B1
100.0%	100.0% #A19EB6	RGB 161 158 182	#A19EB6

#595999 #64639D #706EA2 #7C79A7 #8885AC #9491B1 #A19EB6

#595999 - #7C79A7 - #A19EB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #595999 0%, #7C79A7 50%, #A19EB6 100%);
    background: -webkit-linear-gradient(top, #595999 0%, #7C79A7 50%, #A19EB6 100%);
    background: linear-gradient(to bottom, #595999 0%, #7C79A7 50%, #A19EB6 100%);
}
</style>