#788EB6 - #2D436A | 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 #788EB6 to #2D436A

#788EB6 #2D436A

Calculate the color between two colors, #788EB6 and #2D436A. 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)

#788EB6 - #2D436A | 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 #788EB6 as 0% and #2D436A as 100%.

0.0%	0.0% #788EB6	RGB 120 142 182	#788EB6
16.7%	16.7% #6B81A9	RGB 107 129 169	#6B81A9
33.3%	33.3% #5F759C	RGB 95 117 156	#5F759C
50.0%	50.0% #526890	RGB 82 104 144	#526890
66.7%	66.7% #465C83	RGB 70 92 131	#465C83
83.3%	83.3% #394F76	RGB 57 79 118	#394F76
100.0%	100.0% #2D436A	RGB 45 67 106	#2D436A

#788EB6 #6B81A9 #5F759C #526890 #465C83 #394F76 #2D436A

#788EB6 - #2D436A

HSV Blend

#788EB6 - #2D436A | 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 #788EB6 as 0% and #2D436A as 100%.

0.0%	0.0% #788EB6	RGB 120 142 182	#788EB6
16.7%	16.7% #697FA9	RGB 105 127 169	#697FA9
33.3%	33.3% #5B729C	RGB 91 114 156	#5B729C
50.0%	50.0% #4E6590	RGB 78 101 144	#4E6590
66.7%	66.7% #425983	RGB 66 89 131	#425983
83.3%	83.3% #374D76	RGB 55 77 118	#374D76
100.0%	100.0% #2D436A	RGB 45 67 106	#2D436A

#788EB6 #697FA9 #5B729C #4E6590 #425983 #374D76 #2D436A

#788EB6 - #4E6590 - #2D436A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #788EB6 0%, #4E6590 50%, #2D436A 100%);
    background: -webkit-linear-gradient(top, #788EB6 0%, #4E6590 50%, #2D436A 100%);
    background: linear-gradient(to bottom, #788EB6 0%, #4E6590 50%, #2D436A 100%);
}
</style>