#2D2B2F - #735A8F | 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 #2D2B2F to #735A8F

#2D2B2F #735A8F

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

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

0.0%	0.0% #2D2B2F	RGB 45 43 47	#2D2B2F
16.7%	16.7% #38323F	RGB 56 50 63	#38323F
33.3%	33.3% #443A4F	RGB 68 58 79	#443A4F
50.0%	50.0% #50425F	RGB 80 66 95	#50425F
66.7%	66.7% #5B4A6F	RGB 91 74 111	#5B4A6F
83.3%	83.3% #67527F	RGB 103 82 127	#67527F
100.0%	100.0% #735A8F	RGB 115 90 143	#735A8F

#2D2B2F #38323F #443A4F #50425F #5B4A6F #67527F #735A8F

#2D2B2F - #735A8F

HSV Blend

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

0.0%	0.0% #2D2B2F	RGB 45 43 47	#2D2B2F
16.7%	16.7% #3A363F	RGB 58 54 63	#3A363F
33.3%	33.3% #47404F	RGB 71 64 79	#47404F
50.0%	50.0% #53495F	RGB 83 73 95	#53495F
66.7%	66.7% #5F506F	RGB 95 80 111	#5F506F
83.3%	83.3% #69557F	RGB 105 85 127	#69557F
100.0%	100.0% #735A8F	RGB 115 90 143	#735A8F

#2D2B2F #3A363F #47404F #53495F #5F506F #69557F #735A8F

#2D2B2F - #53495F - #735A8F

CSS codes

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

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