#2E2B2F - #825A8F | 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 #2E2B2F to #825A8F

#2E2B2F #825A8F

Calculate the color between two colors, #2E2B2F and #825A8F. 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)

#2E2B2F - #825A8F | 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 #2E2B2F as 0% and #825A8F as 100%.

0.0%	0.0% #2E2B2F	RGB 46 43 47	#2E2B2F
16.7%	16.7% #3C323F	RGB 60 50 63	#3C323F
33.3%	33.3% #4A3A4F	RGB 74 58 79	#4A3A4F
50.0%	50.0% #58425F	RGB 88 66 95	#58425F
66.7%	66.7% #664A6F	RGB 102 74 111	#664A6F
83.3%	83.3% #74527F	RGB 116 82 127	#74527F
100.0%	100.0% #825A8F	RGB 130 90 143	#825A8F

#2E2B2F #3C323F #4A3A4F #58425F #664A6F #74527F #825A8F

#2E2B2F - #825A8F

HSV Blend

#2E2B2F - #825A8F | 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 #2E2B2F as 0% and #825A8F as 100%.

0.0%	0.0% #2E2B2F	RGB 46 43 47	#2E2B2F
16.7%	16.7% #3C363F	RGB 60 54 63	#3C363F
33.3%	33.3% #4B404F	RGB 75 64 79	#4B404F
50.0%	50.0% #59495F	RGB 89 73 95	#59495F
66.7%	66.7% #67506F	RGB 103 80 111	#67506F
83.3%	83.3% #74557F	RGB 116 85 127	#74557F
100.0%	100.0% #825A8F	RGB 130 90 143	#825A8F

#2E2B2F #3C363F #4B404F #59495F #67506F #74557F #825A8F

#2E2B2F - #59495F - #825A8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E2B2F 0%, #59495F 50%, #825A8F 100%);
    background: -webkit-linear-gradient(top, #2E2B2F 0%, #59495F 50%, #825A8F 100%);
    background: linear-gradient(to bottom, #2E2B2F 0%, #59495F 50%, #825A8F 100%);
}
</style>