#93485C - #51131C | 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 #93485C to #51131C

#93485C #51131C

Calculate the color between two colors, #93485C and #51131C. 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)

#93485C - #51131C | 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 #93485C as 0% and #51131C as 100%.

0.0%	0.0% #93485C	RGB 147 72 92	#93485C
16.7%	16.7% #883F51	RGB 136 63 81	#883F51
33.3%	33.3% #7D3646	RGB 125 54 70	#7D3646
50.0%	50.0% #722D3C	RGB 114 45 60	#722D3C
66.7%	66.7% #672431	RGB 103 36 49	#672431
83.3%	83.3% #5C1B26	RGB 92 27 38	#5C1B26
100.0%	100.0% #51131C	RGB 81 19 28	#51131C

#93485C #883F51 #7D3646 #722D3C #672431 #5C1B26 #51131C

#93485C - #51131C

HSV Blend

#93485C - #51131C | 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 #93485C as 0% and #51131C as 100%.

0.0%	0.0% #93485C	RGB 147 72 92	#93485C
16.7%	16.7% #883C4F	RGB 136 60 79	#883C4F
33.3%	33.3% #7D3243	RGB 125 50 67	#7D3243
50.0%	50.0% #722938	RGB 114 41 56	#722938
66.7%	66.7% #67202D	RGB 103 32 45	#67202D
83.3%	83.3% #5C1924	RGB 92 25 36	#5C1924
100.0%	100.0% #51131C	RGB 81 19 28	#51131C

#93485C #883C4F #7D3243 #722938 #67202D #5C1924 #51131C

#93485C - #722938 - #51131C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #93485C 0%, #722938 50%, #51131C 100%);
    background: -webkit-linear-gradient(top, #93485C 0%, #722938 50%, #51131C 100%);
    background: linear-gradient(to bottom, #93485C 0%, #722938 50%, #51131C 100%);
}
</style>