#5E293D - #BF464C | 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 #5E293D to #BF464C

#5E293D #BF464C

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

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

0.0%	0.0% #5E293D	RGB 94 41 61	#5E293D
16.7%	16.7% #6E2D3F	RGB 110 45 63	#6E2D3F
33.3%	33.3% #7E3242	RGB 126 50 66	#7E3242
50.0%	50.0% #8E3744	RGB 142 55 68	#8E3744
66.7%	66.7% #9E3C47	RGB 158 60 71	#9E3C47
83.3%	83.3% #AE4149	RGB 174 65 73	#AE4149
100.0%	100.0% #BF464C	RGB 191 70 76	#BF464C

#5E293D #6E2D3F #7E3242 #8E3744 #9E3C47 #AE4149 #BF464C

#5E293D - #BF464C

HSV Blend

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

0.0%	0.0% #5E293D	RGB 94 41 61	#5E293D
16.7%	16.7% #6E2E43	RGB 110 46 67	#6E2E43
33.3%	33.3% #7E3448	RGB 126 52 72	#7E3448
50.0%	50.0% #8E394B	RGB 142 57 75	#8E394B
66.7%	66.7% #9E3D4D	RGB 158 61 77	#9E3D4D
83.3%	83.3% #AE424D	RGB 174 66 77	#AE424D
100.0%	100.0% #BF464C	RGB 191 70 76	#BF464C

#5E293D #6E2E43 #7E3448 #8E394B #9E3D4D #AE424D #BF464C

#5E293D - #8E394B - #BF464C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E293D 0%, #8E394B 50%, #BF464C 100%);
    background: -webkit-linear-gradient(top, #5E293D 0%, #8E394B 50%, #BF464C 100%);
    background: linear-gradient(to bottom, #5E293D 0%, #8E394B 50%, #BF464C 100%);
}
</style>