#4D143D - #A65067 | 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 #4D143D to #A65067

#4D143D #A65067

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

#4D143D - #A65067 | 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 #4D143D as 0% and #A65067 as 100%.

0.0%	0.0% #4D143D	RGB 77 20 61	#4D143D
16.7%	16.7% #5B1E44	RGB 91 30 68	#5B1E44
33.3%	33.3% #6A284B	RGB 106 40 75	#6A284B
50.0%	50.0% #793252	RGB 121 50 82	#793252
66.7%	66.7% #883C59	RGB 136 60 89	#883C59
83.3%	83.3% #974660	RGB 151 70 96	#974660
100.0%	100.0% #A65067	RGB 166 80 103	#A65067

#4D143D #5B1E44 #6A284B #793252 #883C59 #974660 #A65067

#4D143D - #A65067

HSV Blend

#4D143D - #A65067 | 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 #4D143D as 0% and #A65067 as 100%.

0.0%	0.0% #4D133D	RGB 77 19 61	#4D133D
16.7%	16.7% #5B1B44	RGB 91 27 68	#5B1B44
33.3%	33.3% #6A234C	RGB 106 35 76	#6A234C
50.0%	50.0% #792D52	RGB 121 45 82	#792D52
66.7%	66.7% #883759	RGB 136 55 89	#883759
83.3%	83.3% #974360	RGB 151 67 96	#974360
100.0%	100.0% #A65067	RGB 166 80 103	#A65067

#4D133D #5B1B44 #6A234C #792D52 #883759 #974360 #A65067

#4D143D - #792D52 - #A65067

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D133D 0%, #792D52 50%, #A65067 100%);
    background: -webkit-linear-gradient(top, #4D133D 0%, #792D52 50%, #A65067 100%);
    background: linear-gradient(to bottom, #4D133D 0%, #792D52 50%, #A65067 100%);
}
</style>