#885A8F - #34183D | 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 #885A8F to #34183D

#885A8F #34183D

Calculate the color between two colors, #885A8F and #34183D. 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)

#885A8F - #34183D | 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 #885A8F as 0% and #34183D as 100%.

0.0%	0.0% #885A8F	RGB 136 90 143	#885A8F
16.7%	16.7% #7A4F81	RGB 122 79 129	#7A4F81
33.3%	33.3% #6C4473	RGB 108 68 115	#6C4473
50.0%	50.0% #5E3966	RGB 94 57 102	#5E3966
66.7%	66.7% #502E58	RGB 80 46 88	#502E58
83.3%	83.3% #42234A	RGB 66 35 74	#42234A
100.0%	100.0% #34183D	RGB 52 24 61	#34183D

#885A8F #7A4F81 #6C4473 #5E3966 #502E58 #42234A #34183D

#885A8F - #34183D

HSV Blend

#885A8F - #34183D | 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 #885A8F as 0% and #34183D as 100%.

0.0%	0.0% #885A8F	RGB 136 90 143	#885A8F
16.7%	16.7% #794C81	RGB 121 76 129	#794C81
33.3%	33.3% #6A3F73	RGB 106 63 115	#6A3F73
50.0%	50.0% #5C3466	RGB 92 52 102	#5C3466
66.7%	66.7% #4E2958	RGB 78 41 88	#4E2958
83.3%	83.3% #41204A	RGB 65 32 74	#41204A
100.0%	100.0% #34183D	RGB 52 24 61	#34183D

#885A8F #794C81 #6A3F73 #5C3466 #4E2958 #41204A #34183D

#885A8F - #5C3466 - #34183D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #885A8F 0%, #5C3466 50%, #34183D 100%);
    background: -webkit-linear-gradient(top, #885A8F 0%, #5C3466 50%, #34183D 100%);
    background: linear-gradient(to bottom, #885A8F 0%, #5C3466 50%, #34183D 100%);
}
</style>