#833F7E - #5E064B | 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 #833F7E to #5E064B

#833F7E #5E064B

Calculate the color between two colors, #833F7E and #5E064B. 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)

#833F7E - #5E064B | 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 #833F7E as 0% and #5E064B as 100%.

0.0%	0.0% #833F7E	RGB 131 63 126	#833F7E
16.7%	16.7% #7C3575	RGB 124 53 117	#7C3575
33.3%	33.3% #762C6D	RGB 118 44 109	#762C6D
50.0%	50.0% #702264	RGB 112 34 100	#702264
66.7%	66.7% #6A195C	RGB 106 25 92	#6A195C
83.3%	83.3% #640F53	RGB 100 15 83	#640F53
100.0%	100.0% #5E064B	RGB 94 6 75	#5E064B

#833F7E #7C3575 #762C6D #702264 #6A195C #640F53 #5E064B

#833F7E - #5E064B

HSV Blend

#833F7E - #5E064B | 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 #833F7E as 0% and #5E064B as 100%.

0.0%	0.0% #833F7E	RGB 131 63 126	#833F7E
16.7%	16.7% #7C3375	RGB 124 51 117	#7C3375
33.3%	33.3% #76286D	RGB 118 40 109	#76286D
50.0%	50.0% #701E64	RGB 112 30 100	#701E64
66.7%	66.7% #6A155C	RGB 106 21 92	#6A155C
83.3%	83.3% #640D53	RGB 100 13 83	#640D53
100.0%	100.0% #5E064B	RGB 94 6 75	#5E064B

#833F7E #7C3375 #76286D #701E64 #6A155C #640D53 #5E064B

#833F7E - #701E64 - #5E064B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #833F7E 0%, #701E64 50%, #5E064B 100%);
    background: -webkit-linear-gradient(top, #833F7E 0%, #701E64 50%, #5E064B 100%);
    background: linear-gradient(to bottom, #833F7E 0%, #701E64 50%, #5E064B 100%);
}
</style>