#882A8C - #240036 | 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 #882A8C to #240036

#882A8C #240036

Calculate the color between two colors, #882A8C and #240036. 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)

#882A8C - #240036 | 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 #882A8C as 0% and #240036 as 100%.

0.0%	0.0% #882A8C	RGB 136 42 140	#882A8C
16.7%	16.7% #77237D	RGB 119 35 125	#77237D
33.3%	33.3% #661C6F	RGB 102 28 111	#661C6F
50.0%	50.0% #561561	RGB 86 21 97	#561561
66.7%	66.7% #450D52	RGB 69 13 82	#450D52
83.3%	83.3% #340744	RGB 52 7 68	#340744
100.0%	100.0% #240036	RGB 36 0 54	#240036

#882A8C #77237D #661C6F #561561 #450D52 #340744 #240036

#882A8C - #240036

HSV Blend

#882A8C - #240036 | 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 #882A8C as 0% and #240036 as 100%.

0.0%	0.0% #882A8C	RGB 136 42 140	#882A8C
16.7%	16.7% #751F7D	RGB 117 31 125	#751F7D
33.3%	33.3% #63166F	RGB 99 22 111	#63166F
50.0%	50.0% #510E61	RGB 81 14 97	#510E61
66.7%	66.7% #410852	RGB 65 8 82	#410852
83.3%	83.3% #310344	RGB 49 3 68	#310344
100.0%	100.0% #240036	RGB 36 0 54	#240036

#882A8C #751F7D #63166F #510E61 #410852 #310344 #240036

#882A8C - #510E61 - #240036

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #882A8C 0%, #510E61 50%, #240036 100%);
    background: -webkit-linear-gradient(top, #882A8C 0%, #510E61 50%, #240036 100%);
    background: linear-gradient(to bottom, #882A8C 0%, #510E61 50%, #240036 100%);
}
</style>