#493039 - #A55C92 | 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 #493039 to #A55C92

#493039 #A55C92

Calculate the color between two colors, #493039 and #A55C92. 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)

#493039 - #A55C92 | 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 #493039 as 0% and #A55C92 as 100%.

0.0%	0.0% #493039	RGB 73 48 57	#493039
16.7%	16.7% #583747	RGB 88 55 71	#583747
33.3%	33.3% #673E56	RGB 103 62 86	#673E56
50.0%	50.0% #774665	RGB 119 70 101	#774665
66.7%	66.7% #864D74	RGB 134 77 116	#864D74
83.3%	83.3% #955483	RGB 149 84 131	#955483
100.0%	100.0% #A55C92	RGB 165 92 146	#A55C92

#493039 #583747 #673E56 #774665 #864D74 #955483 #A55C92

#493039 - #A55C92

HSV Blend

#493039 - #A55C92 | 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 #493039 as 0% and #A55C92 as 100%.

0.0%	0.0% #493039	RGB 73 48 57	#493039
16.7%	16.7% #583846	RGB 88 56 70	#583846
33.3%	33.3% #674053	RGB 103 64 83	#674053
50.0%	50.0% #774861	RGB 119 72 97	#774861
66.7%	66.7% #864F71	RGB 134 79 113	#864F71
83.3%	83.3% #955581	RGB 149 85 129	#955581
100.0%	100.0% #A55C92	RGB 165 92 146	#A55C92

#493039 #583846 #674053 #774861 #864F71 #955581 #A55C92

#493039 - #774861 - #A55C92

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #493039 0%, #774861 50%, #A55C92 100%);
    background: -webkit-linear-gradient(top, #493039 0%, #774861 50%, #A55C92 100%);
    background: linear-gradient(to bottom, #493039 0%, #774861 50%, #A55C92 100%);
}
</style>