#855A8F - #34183C | 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 #855A8F to #34183C

#855A8F #34183C

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

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

0.0%	0.0% #855A8F	RGB 133 90 143	#855A8F
16.7%	16.7% #774F81	RGB 119 79 129	#774F81
33.3%	33.3% #6A4473	RGB 106 68 115	#6A4473
50.0%	50.0% #5C3965	RGB 92 57 101	#5C3965
66.7%	66.7% #4F2E57	RGB 79 46 87	#4F2E57
83.3%	83.3% #412349	RGB 65 35 73	#412349
100.0%	100.0% #34183C	RGB 52 24 60	#34183C

#855A8F #774F81 #6A4473 #5C3965 #4F2E57 #412349 #34183C

#855A8F - #34183C

HSV Blend

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

0.0%	0.0% #855A8F	RGB 133 90 143	#855A8F
16.7%	16.7% #764C81	RGB 118 76 129	#764C81
33.3%	33.3% #693F73	RGB 105 63 115	#693F73
50.0%	50.0% #5B3465	RGB 91 52 101	#5B3465
66.7%	66.7% #4D2957	RGB 77 41 87	#4D2957
83.3%	83.3% #402049	RGB 64 32 73	#402049
100.0%	100.0% #34183C	RGB 52 24 60	#34183C

#855A8F #764C81 #693F73 #5B3465 #4D2957 #402049 #34183C

#855A8F - #5B3465 - #34183C

CSS codes

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

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