#4D3F5E - #240C2F | 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 #4D3F5E to #240C2F

#4D3F5E #240C2F

Calculate the color between two colors, #4D3F5E and #240C2F. 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)

#4D3F5E - #240C2F | 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 #4D3F5E as 0% and #240C2F as 100%.

0.0%	0.0% #4D3F5E	RGB 77 63 94	#4D3F5E
16.7%	16.7% #463656	RGB 70 54 86	#463656
33.3%	33.3% #3F2E4E	RGB 63 46 78	#3F2E4E
50.0%	50.0% #382546	RGB 56 37 70	#382546
66.7%	66.7% #311D3E	RGB 49 29 62	#311D3E
83.3%	83.3% #2A1436	RGB 42 20 54	#2A1436
100.0%	100.0% #240C2F	RGB 36 12 47	#240C2F

#4D3F5E #463656 #3F2E4E #382546 #311D3E #2A1436 #240C2F

#4D3F5E - #240C2F

HSV Blend

#4D3F5E - #240C2F | 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 #4D3F5E as 0% and #240C2F as 100%.

0.0%	0.0% #4D3F5E	RGB 77 63 94	#4D3F5E
16.7%	16.7% #443356	RGB 68 51 86	#443356
33.3%	33.3% #3D294E	RGB 61 41 78	#3D294E
50.0%	50.0% #362046	RGB 54 32 70	#362046
66.7%	66.7% #2F183E	RGB 47 24 62	#2F183E
83.3%	83.3% #291136	RGB 41 17 54	#291136
100.0%	100.0% #240C2F	RGB 36 12 47	#240C2F

#4D3F5E #443356 #3D294E #362046 #2F183E #291136 #240C2F

#4D3F5E - #362046 - #240C2F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D3F5E 0%, #362046 50%, #240C2F 100%);
    background: -webkit-linear-gradient(top, #4D3F5E 0%, #362046 50%, #240C2F 100%);
    background: linear-gradient(to bottom, #4D3F5E 0%, #362046 50%, #240C2F 100%);
}
</style>