#945E6B - #5E1327 | 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 #945E6B to #5E1327

#945E6B #5E1327

Calculate the color between two colors, #945E6B and #5E1327. 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)

#945E6B - #5E1327 | 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 #945E6B as 0% and #5E1327 as 100%.

0.0%	0.0% #945E6B	RGB 148 94 107	#945E6B
16.7%	16.7% #8B515F	RGB 139 81 95	#8B515F
33.3%	33.3% #824554	RGB 130 69 84	#824554
50.0%	50.0% #793849	RGB 121 56 73	#793849
66.7%	66.7% #702C3D	RGB 112 44 61	#702C3D
83.3%	83.3% #671F32	RGB 103 31 50	#671F32
100.0%	100.0% #5E1327	RGB 94 19 39	#5E1327

#945E6B #8B515F #824554 #793849 #702C3D #671F32 #5E1327

#945E6B - #5E1327

HSV Blend

#945E6B - #5E1327 | 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 #945E6B as 0% and #5E1327 as 100%.

0.0%	0.0% #945E6B	RGB 148 94 107	#945E6B
16.7%	16.7% #8B4E5D	RGB 139 78 93	#8B4E5D
33.3%	33.3% #823F50	RGB 130 63 80	#823F50
50.0%	50.0% #793244	RGB 121 50 68	#793244
66.7%	66.7% #702639	RGB 112 38 57	#702639
83.3%	83.3% #671C2F	RGB 103 28 47	#671C2F
100.0%	100.0% #5E1327	RGB 94 19 39	#5E1327

#945E6B #8B4E5D #823F50 #793244 #702639 #671C2F #5E1327

#945E6B - #793244 - #5E1327

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #945E6B 0%, #793244 50%, #5E1327 100%);
    background: -webkit-linear-gradient(top, #945E6B 0%, #793244 50%, #5E1327 100%);
    background: linear-gradient(to bottom, #945E6B 0%, #793244 50%, #5E1327 100%);
}
</style>