#4B3E5E - #250E2D | 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 #4B3E5E to #250E2D

#4B3E5E #250E2D

Calculate the color between two colors, #4B3E5E and #250E2D. 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)

#4B3E5E - #250E2D | 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 #4B3E5E as 0% and #250E2D as 100%.

0.0%	0.0% #4B3E5E	RGB 75 62 94	#4B3E5E
16.7%	16.7% #443655	RGB 68 54 85	#443655
33.3%	33.3% #3E2E4D	RGB 62 46 77	#3E2E4D
50.0%	50.0% #382645	RGB 56 38 69	#382645
66.7%	66.7% #311E3D	RGB 49 30 61	#311E3D
83.3%	83.3% #2B1635	RGB 43 22 53	#2B1635
100.0%	100.0% #250E2D	RGB 37 14 45	#250E2D

#4B3E5E #443655 #3E2E4D #382645 #311E3D #2B1635 #250E2D

#4B3E5E - #250E2D

HSV Blend

#4B3E5E - #250E2D | 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 #4B3E5E as 0% and #250E2D as 100%.

0.0%	0.0% #4B3E5E	RGB 75 62 94	#4B3E5E
16.7%	16.7% #433355	RGB 67 51 85	#433355
33.3%	33.3% #3C2A4D	RGB 60 42 77	#3C2A4D
50.0%	50.0% #362145	RGB 54 33 69	#362145
66.7%	66.7% #301A3D	RGB 48 26 61	#301A3D
83.3%	83.3% #2A1335	RGB 42 19 53	#2A1335
100.0%	100.0% #250E2D	RGB 37 14 45	#250E2D

#4B3E5E #433355 #3C2A4D #362145 #301A3D #2A1335 #250E2D

#4B3E5E - #362145 - #250E2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B3E5E 0%, #362145 50%, #250E2D 100%);
    background: -webkit-linear-gradient(top, #4B3E5E 0%, #362145 50%, #250E2D 100%);
    background: linear-gradient(to bottom, #4B3E5E 0%, #362145 50%, #250E2D 100%);
}
</style>