#5E2D4D - #92919A | 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 #5E2D4D to #92919A

#5E2D4D #92919A

Calculate the color between two colors, #5E2D4D and #92919A. 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)

#5E2D4D - #92919A | 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 #5E2D4D as 0% and #92919A as 100%.

0.0%	0.0% #5E2D4D	RGB 94 45 77	#5E2D4D
16.7%	16.7% #663D59	RGB 102 61 89	#663D59
33.3%	33.3% #6F4E66	RGB 111 78 102	#6F4E66
50.0%	50.0% #785F73	RGB 120 95 115	#785F73
66.7%	66.7% #806F80	RGB 128 111 128	#806F80
83.3%	83.3% #89808D	RGB 137 128 141	#89808D
100.0%	100.0% #92919A	RGB 146 145 154	#92919A

#5E2D4D #663D59 #6F4E66 #785F73 #806F80 #89808D #92919A

#5E2D4D - #92919A

HSV Blend

#5E2D4D - #92919A | 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 #5E2D4D as 0% and #92919A as 100%.

0.0%	0.0% #5E2D4D	RGB 94 45 77	#5E2D4D
16.7%	16.7% #683961	RGB 104 57 97	#683961
33.3%	33.3% #6F4872	RGB 111 72 114	#6F4872
50.0%	50.0% #72587C	RGB 114 88 124	#72587C
66.7%	66.7% #786986	RGB 120 105 134	#786986
83.3%	83.3% #827C90	RGB 130 124 144	#827C90
100.0%	100.0% #92919A	RGB 146 145 154	#92919A

#5E2D4D #683961 #6F4872 #72587C #786986 #827C90 #92919A

#5E2D4D - #72587C - #92919A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2D4D 0%, #72587C 50%, #92919A 100%);
    background: -webkit-linear-gradient(top, #5E2D4D 0%, #72587C 50%, #92919A 100%);
    background: linear-gradient(to bottom, #5E2D4D 0%, #72587C 50%, #92919A 100%);
}
</style>