#4F4B5E - #25142C | 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 #4F4B5E to #25142C

#4F4B5E #25142C

Calculate the color between two colors, #4F4B5E and #25142C. 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)

#4F4B5E - #25142C | 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 #4F4B5E as 0% and #25142C as 100%.

0.0%	0.0% #4F4B5E	RGB 79 75 94	#4F4B5E
16.7%	16.7% #484155	RGB 72 65 85	#484155
33.3%	33.3% #41384D	RGB 65 56 77	#41384D
50.0%	50.0% #3A2F45	RGB 58 47 69	#3A2F45
66.7%	66.7% #33263C	RGB 51 38 60	#33263C
83.3%	83.3% #2C1D34	RGB 44 29 52	#2C1D34
100.0%	100.0% #25142C	RGB 37 20 44	#25142C

#4F4B5E #484155 #41384D #3A2F45 #33263C #2C1D34 #25142C

#4F4B5E - #25142C

HSV Blend

#4F4B5E - #25142C | 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 #4F4B5E as 0% and #25142C as 100%.

0.0%	0.0% #4F4B5E	RGB 79 75 94	#4F4B5E
16.7%	16.7% #453F55	RGB 69 63 85	#453F55
33.3%	33.3% #3E344D	RGB 62 52 77	#3E344D
50.0%	50.0% #372B45	RGB 55 43 69	#372B45
66.7%	66.7% #30223C	RGB 48 34 60	#30223C
83.3%	83.3% #2A1A34	RGB 42 26 52	#2A1A34
100.0%	100.0% #25142C	RGB 37 20 44	#25142C

#4F4B5E #453F55 #3E344D #372B45 #30223C #2A1A34 #25142C

#4F4B5E - #372B45 - #25142C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F4B5E 0%, #372B45 50%, #25142C 100%);
    background: -webkit-linear-gradient(top, #4F4B5E 0%, #372B45 50%, #25142C 100%);
    background: linear-gradient(to bottom, #4F4B5E 0%, #372B45 50%, #25142C 100%);
}
</style>