#798EB7 - #2D436B | 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 #798EB7 to #2D436B

#798EB7 #2D436B

Calculate the color between two colors, #798EB7 and #2D436B. 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)

#798EB7 - #2D436B | 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 #798EB7 as 0% and #2D436B as 100%.

0.0%	0.0% #798EB7	RGB 121 142 183	#798EB7
16.7%	16.7% #6C81AA	RGB 108 129 170	#6C81AA
33.3%	33.3% #5F759D	RGB 95 117 157	#5F759D
50.0%	50.0% #536891	RGB 83 104 145	#536891
66.7%	66.7% #465C84	RGB 70 92 132	#465C84
83.3%	83.3% #394F77	RGB 57 79 119	#394F77
100.0%	100.0% #2D436B	RGB 45 67 107	#2D436B

#798EB7 #6C81AA #5F759D #536891 #465C84 #394F77 #2D436B

#798EB7 - #2D436B

HSV Blend

#798EB7 - #2D436B | 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 #798EB7 as 0% and #2D436B as 100%.

0.0%	0.0% #798EB7	RGB 121 142 183	#798EB7
16.7%	16.7% #697FAA	RGB 105 127 170	#697FAA
33.3%	33.3% #5B729D	RGB 91 114 157	#5B729D
50.0%	50.0% #4E6591	RGB 78 101 145	#4E6591
66.7%	66.7% #425984	RGB 66 89 132	#425984
83.3%	83.3% #374D77	RGB 55 77 119	#374D77
100.0%	100.0% #2D436B	RGB 45 67 107	#2D436B

#798EB7 #697FAA #5B729D #4E6591 #425984 #374D77 #2D436B

#798EB7 - #4E6591 - #2D436B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #798EB7 0%, #4E6591 50%, #2D436B 100%);
    background: -webkit-linear-gradient(top, #798EB7 0%, #4E6591 50%, #2D436B 100%);
    background: linear-gradient(to bottom, #798EB7 0%, #4E6591 50%, #2D436B 100%);
}
</style>