#5E3C4F - #0B081C | 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 #5E3C4F to #0B081C

#5E3C4F #0B081C

Calculate the color between two colors, #5E3C4F and #0B081C. 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)

#5E3C4F - #0B081C | 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 #5E3C4F as 0% and #0B081C as 100%.

0.0%	0.0% #5E3C4F	RGB 94 60 79	#5E3C4F
16.7%	16.7% #503346	RGB 80 51 70	#503346
33.3%	33.3% #422A3E	RGB 66 42 62	#422A3E
50.0%	50.0% #342235	RGB 52 34 53	#342235
66.7%	66.7% #26192D	RGB 38 25 45	#26192D
83.3%	83.3% #181024	RGB 24 16 36	#181024
100.0%	100.0% #0B081C	RGB 11 8 28	#0B081C

#5E3C4F #503346 #422A3E #342235 #26192D #181024 #0B081C

#5E3C4F - #0B081C

HSV Blend

#5E3C4F - #0B081C | 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 #5E3C4F as 0% and #0B081C as 100%.

0.0%	0.0% #5E3C4F	RGB 94 60 79	#5E3C4F
16.7%	16.7% #53304B	RGB 83 48 75	#53304B
33.3%	33.3% #482547	RGB 72 37 71	#482547
50.0%	50.0% #361C3D	RGB 54 28 61	#361C3D
66.7%	66.7% #251432	RGB 37 20 50	#251432
83.3%	83.3% #160D27	RGB 22 13 39	#160D27
100.0%	100.0% #0B081C	RGB 11 8 28	#0B081C

#5E3C4F #53304B #482547 #361C3D #251432 #160D27 #0B081C

#5E3C4F - #361C3D - #0B081C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3C4F 0%, #361C3D 50%, #0B081C 100%);
    background: -webkit-linear-gradient(top, #5E3C4F 0%, #361C3D 50%, #0B081C 100%);
    background: linear-gradient(to bottom, #5E3C4F 0%, #361C3D 50%, #0B081C 100%);
}
</style>