#629EB6 - #28516C | 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 #629EB6 to #28516C

#629EB6 #28516C

Calculate the color between two colors, #629EB6 and #28516C. 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)

#629EB6 - #28516C | 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 #629EB6 as 0% and #28516C as 100%.

0.0%	0.0% #629EB6	RGB 98 158 182	#629EB6
16.7%	16.7% #5891A9	RGB 88 145 169	#5891A9
33.3%	33.3% #4E849D	RGB 78 132 157	#4E849D
50.0%	50.0% #457791	RGB 69 119 145	#457791
66.7%	66.7% #3B6A84	RGB 59 106 132	#3B6A84
83.3%	83.3% #315D78	RGB 49 93 120	#315D78
100.0%	100.0% #28516C	RGB 40 81 108	#28516C

#629EB6 #5891A9 #4E849D #457791 #3B6A84 #315D78 #28516C

#629EB6 - #28516C

HSV Blend

#629EB6 - #28516C | 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 #629EB6 as 0% and #28516C as 100%.

0.0%	0.0% #629EB6	RGB 98 158 182	#629EB6
16.7%	16.7% #5690A9	RGB 86 144 169	#5690A9
33.3%	33.3% #4B839D	RGB 75 131 157	#4B839D
50.0%	50.0% #417591	RGB 65 117 145	#417591
66.7%	66.7% #386984	RGB 56 105 132	#386984
83.3%	83.3% #2F5C78	RGB 47 92 120	#2F5C78
100.0%	100.0% #28516C	RGB 40 81 108	#28516C

#629EB6 #5690A9 #4B839D #417591 #386984 #2F5C78 #28516C

#629EB6 - #417591 - #28516C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #629EB6 0%, #417591 50%, #28516C 100%);
    background: -webkit-linear-gradient(top, #629EB6 0%, #417591 50%, #28516C 100%);
    background: linear-gradient(to bottom, #629EB6 0%, #417591 50%, #28516C 100%);
}
</style>