#3D2B3C - #5D5C7E | 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 #3D2B3C to #5D5C7E

#3D2B3C #5D5C7E

Calculate the color between two colors, #3D2B3C and #5D5C7E. 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)

#3D2B3C - #5D5C7E | 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 #3D2B3C as 0% and #5D5C7E as 100%.

0.0%	0.0% #3D2B3C	RGB 61 43 60	#3D2B3C
16.7%	16.7% #423347	RGB 66 51 71	#423347
33.3%	33.3% #473B52	RGB 71 59 82	#473B52
50.0%	50.0% #4D435D	RGB 77 67 93	#4D435D
66.7%	66.7% #524B68	RGB 82 75 104	#524B68
83.3%	83.3% #575373	RGB 87 83 115	#575373
100.0%	100.0% #5D5C7E	RGB 93 92 126	#5D5C7E

#3D2B3C #423347 #473B52 #4D435D #524B68 #575373 #5D5C7E

#3D2B3C - #5D5C7E

HSV Blend

#3D2B3C - #5D5C7E | 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 #3D2B3C as 0% and #5D5C7E as 100%.

0.0%	0.0% #3D2B3C	RGB 61 43 60	#3D2B3C
16.7%	16.7% #453247	RGB 69 50 71	#453247
33.3%	33.3% #4B3A52	RGB 75 58 82	#4B3A52
50.0%	50.0% #51435D	RGB 81 67 93	#51435D
66.7%	66.7% #564B68	RGB 86 75 104	#564B68
83.3%	83.3% #595373	RGB 89 83 115	#595373
100.0%	100.0% #5D5C7E	RGB 93 92 126	#5D5C7E

#3D2B3C #453247 #4B3A52 #51435D #564B68 #595373 #5D5C7E

#3D2B3C - #51435D - #5D5C7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D2B3C 0%, #51435D 50%, #5D5C7E 100%);
    background: -webkit-linear-gradient(top, #3D2B3C 0%, #51435D 50%, #5D5C7E 100%);
    background: linear-gradient(to bottom, #3D2B3C 0%, #51435D 50%, #5D5C7E 100%);
}
</style>