#534C5E - #100738 | 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 #534C5E to #100738

#534C5E #100738

Calculate the color between two colors, #534C5E and #100738. 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)

#534C5E - #100738 | 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 #534C5E as 0% and #100738 as 100%.

0.0%	0.0% #534C5E	RGB 83 76 94	#534C5E
16.7%	16.7% #474057	RGB 71 64 87	#474057
33.3%	33.3% #3C3551	RGB 60 53 81	#3C3551
50.0%	50.0% #31294B	RGB 49 41 75	#31294B
66.7%	66.7% #261E44	RGB 38 30 68	#261E44
83.3%	83.3% #1B123E	RGB 27 18 62	#1B123E
100.0%	100.0% #100738	RGB 16 7 56	#100738

#534C5E #474057 #3C3551 #31294B #261E44 #1B123E #100738

#534C5E - #100738

HSV Blend

#534C5E - #100738 | 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 #534C5E as 0% and #100738 as 100%.

0.0%	0.0% #534C5E	RGB 83 76 94	#534C5E
16.7%	16.7% #463C57	RGB 70 60 87	#463C57
33.3%	33.3% #3A2F51	RGB 58 47 81	#3A2F51
50.0%	50.0% #2E234B	RGB 46 35 75	#2E234B
66.7%	66.7% #231844	RGB 35 24 68	#231844
83.3%	83.3% #190E3E	RGB 25 14 62	#190E3E
100.0%	100.0% #100738	RGB 16 7 56	#100738

#534C5E #463C57 #3A2F51 #2E234B #231844 #190E3E #100738

#534C5E - #2E234B - #100738

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #534C5E 0%, #2E234B 50%, #100738 100%);
    background: -webkit-linear-gradient(top, #534C5E 0%, #2E234B 50%, #100738 100%);
    background: linear-gradient(to bottom, #534C5E 0%, #2E234B 50%, #100738 100%);
}
</style>