#163F5E - #6A8C9B | 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 #163F5E to #6A8C9B

#163F5E #6A8C9B

Calculate the color between two colors, #163F5E and #6A8C9B. 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)

#163F5E - #6A8C9B | 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 #163F5E as 0% and #6A8C9B as 100%.

0.0%	0.0% #163F5E	RGB 22 63 94	#163F5E
16.7%	16.7% #244B68	RGB 36 75 104	#244B68
33.3%	33.3% #325872	RGB 50 88 114	#325872
50.0%	50.0% #40657C	RGB 64 101 124	#40657C
66.7%	66.7% #4E7286	RGB 78 114 134	#4E7286
83.3%	83.3% #5C7F90	RGB 92 127 144	#5C7F90
100.0%	100.0% #6A8C9B	RGB 106 140 155	#6A8C9B

#163F5E #244B68 #325872 #40657C #4E7286 #5C7F90 #6A8C9B

#163F5E - #6A8C9B

HSV Blend

#163F5E - #6A8C9B | 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 #163F5E as 0% and #6A8C9B as 100%.

0.0%	0.0% #153F5E	RGB 21 63 94	#153F5E
16.7%	16.7% #204A68	RGB 32 74 104	#204A68
33.3%	33.3% #2B5672	RGB 43 86 114	#2B5672
50.0%	50.0% #39637C	RGB 57 99 124	#39637C
66.7%	66.7% #477086	RGB 71 112 134	#477086
83.3%	83.3% #587E90	RGB 88 126 144	#587E90
100.0%	100.0% #6A8C9B	RGB 106 140 155	#6A8C9B

#153F5E #204A68 #2B5672 #39637C #477086 #587E90 #6A8C9B

#163F5E - #39637C - #6A8C9B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #153F5E 0%, #39637C 50%, #6A8C9B 100%);
    background: -webkit-linear-gradient(top, #153F5E 0%, #39637C 50%, #6A8C9B 100%);
    background: linear-gradient(to bottom, #153F5E 0%, #39637C 50%, #6A8C9B 100%);
}
</style>