#5E2D4C - #270C17 | 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 #5E2D4C to #270C17

#5E2D4C #270C17

Calculate the color between two colors, #5E2D4C and #270C17. 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)

#5E2D4C - #270C17 | 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 #5E2D4C as 0% and #270C17 as 100%.

0.0%	0.0% #5E2D4C	RGB 94 45 76	#5E2D4C
16.7%	16.7% #542743	RGB 84 39 67	#542743
33.3%	33.3% #4B223A	RGB 75 34 58	#4B223A
50.0%	50.0% #421C31	RGB 66 28 49	#421C31
66.7%	66.7% #391728	RGB 57 23 40	#391728
83.3%	83.3% #30111F	RGB 48 17 31	#30111F
100.0%	100.0% #270C17	RGB 39 12 23	#270C17

#5E2D4C #542743 #4B223A #421C31 #391728 #30111F #270C17

#5E2D4C - #270C17

HSV Blend

#5E2D4C - #270C17 | 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 #5E2D4C as 0% and #270C17 as 100%.

0.0%	0.0% #5E2D4B	RGB 94 45 75	#5E2D4B
16.7%	16.7% #542641	RGB 84 38 65	#542641
33.3%	33.3% #4B1F38	RGB 75 31 56	#4B1F38
50.0%	50.0% #421A2F	RGB 66 26 47	#421A2F
66.7%	66.7% #391426	RGB 57 20 38	#391426
83.3%	83.3% #30101E	RGB 48 16 30	#30101E
100.0%	100.0% #270C17	RGB 39 12 23	#270C17

#5E2D4B #542641 #4B1F38 #421A2F #391426 #30101E #270C17

#5E2D4C - #421A2F - #270C17

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2D4B 0%, #421A2F 50%, #270C17 100%);
    background: -webkit-linear-gradient(top, #5E2D4B 0%, #421A2F 50%, #270C17 100%);
    background: linear-gradient(to bottom, #5E2D4B 0%, #421A2F 50%, #270C17 100%);
}
</style>