#74A8CE - #2B598B | 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 #74A8CE to #2B598B

#74A8CE #2B598B

Calculate the color between two colors, #74A8CE and #2B598B. 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)

#74A8CE - #2B598B | 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 #74A8CE as 0% and #2B598B as 100%.

0.0%	0.0% #74A8CE	RGB 116 168 206	#74A8CE
16.7%	16.7% #679AC2	RGB 103 154 194	#679AC2
33.3%	33.3% #5B8DB7	RGB 91 141 183	#5B8DB7
50.0%	50.0% #4F80AC	RGB 79 128 172	#4F80AC
66.7%	66.7% #4373A1	RGB 67 115 161	#4373A1
83.3%	83.3% #376696	RGB 55 102 150	#376696
100.0%	100.0% #2B598B	RGB 43 89 139	#2B598B

#74A8CE #679AC2 #5B8DB7 #4F80AC #4373A1 #376696 #2B598B

#74A8CE - #2B598B

HSV Blend

#74A8CE - #2B598B | 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 #74A8CE as 0% and #2B598B as 100%.

0.0%	0.0% #74A8CE	RGB 116 168 206	#74A8CE
16.7%	16.7% #6599C2	RGB 101 153 194	#6599C2
33.3%	33.3% #578CB7	RGB 87 140 183	#578CB7
50.0%	50.0% #4B7EAC	RGB 75 126 172	#4B7EAC
66.7%	66.7% #3F71A1	RGB 63 113 161	#3F71A1
83.3%	83.3% #346596	RGB 52 101 150	#346596
100.0%	100.0% #2B598B	RGB 43 89 139	#2B598B

#74A8CE #6599C2 #578CB7 #4B7EAC #3F71A1 #346596 #2B598B

#74A8CE - #4B7EAC - #2B598B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #74A8CE 0%, #4B7EAC 50%, #2B598B 100%);
    background: -webkit-linear-gradient(top, #74A8CE 0%, #4B7EAC 50%, #2B598B 100%);
    background: linear-gradient(to bottom, #74A8CE 0%, #4B7EAC 50%, #2B598B 100%);
}
</style>