#493B5E - #6189AE | 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 #493B5E to #6189AE

#493B5E #6189AE

Calculate the color between two colors, #493B5E and #6189AE. 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)

#493B5E - #6189AE | 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 #493B5E as 0% and #6189AE as 100%.

0.0%	0.0% #493B5E	RGB 73 59 94	#493B5E
16.7%	16.7% #4D486B	RGB 77 72 107	#4D486B
33.3%	33.3% #515578	RGB 81 85 120	#515578
50.0%	50.0% #556286	RGB 85 98 134	#556286
66.7%	66.7% #596F93	RGB 89 111 147	#596F93
83.3%	83.3% #5D7CA0	RGB 93 124 160	#5D7CA0
100.0%	100.0% #6189AE	RGB 97 137 174	#6189AE

#493B5E #4D486B #515578 #556286 #596F93 #5D7CA0 #6189AE

#493B5E - #6189AE

HSV Blend

#493B5E - #6189AE | 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 #493B5E as 0% and #6189AE as 100%.

0.0%	0.0% #493B5E	RGB 73 59 94	#493B5E
16.7%	16.7% #4C426B	RGB 76 66 107	#4C426B
33.3%	33.3% #4D4878	RGB 77 72 120	#4D4878
50.0%	50.0% #4F5286	RGB 79 82 134	#4F5286
66.7%	66.7% #556293	RGB 85 98 147	#556293
83.3%	83.3% #5B74A0	RGB 91 116 160	#5B74A0
100.0%	100.0% #6189AE	RGB 97 137 174	#6189AE

#493B5E #4C426B #4D4878 #4F5286 #556293 #5B74A0 #6189AE

#493B5E - #4F5286 - #6189AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #493B5E 0%, #4F5286 50%, #6189AE 100%);
    background: -webkit-linear-gradient(top, #493B5E 0%, #4F5286 50%, #6189AE 100%);
    background: linear-gradient(to bottom, #493B5E 0%, #4F5286 50%, #6189AE 100%);
}
</style>