#2F3C6B - #79819B | 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 #2F3C6B to #79819B

#2F3C6B #79819B

Calculate the color between two colors, #2F3C6B and #79819B. 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)

#2F3C6B - #79819B | 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 #2F3C6B as 0% and #79819B as 100%.

0.0%	0.0% #2F3C6B	RGB 47 60 107	#2F3C6B
16.7%	16.7% #3B4773	RGB 59 71 115	#3B4773
33.3%	33.3% #47537B	RGB 71 83 123	#47537B
50.0%	50.0% #545E83	RGB 84 94 131	#545E83
66.7%	66.7% #606A8B	RGB 96 106 139	#606A8B
83.3%	83.3% #6C7593	RGB 108 117 147	#6C7593
100.0%	100.0% #79819B	RGB 121 129 155	#79819B

#2F3C6B #3B4773 #47537B #545E83 #606A8B #6C7593 #79819B

#2F3C6B - #79819B

HSV Blend

#2F3C6B - #79819B | 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 #2F3C6B as 0% and #79819B as 100%.

0.0%	0.0% #2F3B6B	RGB 47 59 107	#2F3B6B
16.7%	16.7% #394573	RGB 57 69 115	#394573
33.3%	33.3% #44507B	RGB 68 80 123	#44507B
50.0%	50.0% #4F5B83	RGB 79 91 131	#4F5B83
66.7%	66.7% #5C678B	RGB 92 103 139	#5C678B
83.3%	83.3% #6A7393	RGB 106 115 147	#6A7393
100.0%	100.0% #79819B	RGB 121 129 155	#79819B

#2F3B6B #394573 #44507B #4F5B83 #5C678B #6A7393 #79819B

#2F3C6B - #4F5B83 - #79819B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F3B6B 0%, #4F5B83 50%, #79819B 100%);
    background: -webkit-linear-gradient(top, #2F3B6B 0%, #4F5B83 50%, #79819B 100%);
    background: linear-gradient(to bottom, #2F3B6B 0%, #4F5B83 50%, #79819B 100%);
}
</style>