#5E254C - #38050F | 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 #5E254C to #38050F

#5E254C #38050F

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

#5E254C - #38050F | 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 #5E254C as 0% and #38050F as 100%.

0.0%	0.0% #5E254C	RGB 94 37 76	#5E254C
16.7%	16.7% #571F41	RGB 87 31 65	#571F41
33.3%	33.3% #511A37	RGB 81 26 55	#511A37
50.0%	50.0% #4B152D	RGB 75 21 45	#4B152D
66.7%	66.7% #440F23	RGB 68 15 35	#440F23
83.3%	83.3% #3E0A19	RGB 62 10 25	#3E0A19
100.0%	100.0% #38050F	RGB 56 5 15	#38050F

#5E254C #571F41 #511A37 #4B152D #440F23 #3E0A19 #38050F

#5E254C - #38050F

HSV Blend

#5E254C - #38050F | 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 #5E254C as 0% and #38050F as 100%.

0.0%	0.0% #5E254B	RGB 94 37 75	#5E254B
16.7%	16.7% #571E40	RGB 87 30 64	#571E40
33.3%	33.3% #511735	RGB 81 23 53	#511735
50.0%	50.0% #4B122B	RGB 75 18 43	#4B122B
66.7%	66.7% #440D21	RGB 68 13 33	#440D21
83.3%	83.3% #3E0817	RGB 62 8 23	#3E0817
100.0%	100.0% #38050F	RGB 56 5 15	#38050F

#5E254B #571E40 #511735 #4B122B #440D21 #3E0817 #38050F

#5E254C - #4B122B - #38050F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E254B 0%, #4B122B 50%, #38050F 100%);
    background: -webkit-linear-gradient(top, #5E254B 0%, #4B122B 50%, #38050F 100%);
    background: linear-gradient(to bottom, #5E254B 0%, #4B122B 50%, #38050F 100%);
}
</style>