#01668B - #1E2A2D | 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 #01668B to #1E2A2D

#01668B #1E2A2D

Calculate the color between two colors, #01668B and #1E2A2D. 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)

#01668B - #1E2A2D | 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 #01668B as 0% and #1E2A2D as 100%.

0.0%	0.0% #01668B	RGB 1 102 139	#01668B
16.7%	16.7% #055C7B	RGB 5 92 123	#055C7B
33.3%	33.3% #0A526B	RGB 10 82 107	#0A526B
50.0%	50.0% #0F485C	RGB 15 72 92	#0F485C
66.7%	66.7% #143E4C	RGB 20 62 76	#143E4C
83.3%	83.3% #19343C	RGB 25 52 60	#19343C
100.0%	100.0% #1E2A2D	RGB 30 42 45	#1E2A2D

#01668B #055C7B #0A526B #0F485C #143E4C #19343C #1E2A2D

#01668B - #1E2A2D

HSV Blend

#01668B - #1E2A2D | 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 #01668B as 0% and #1E2A2D as 100%.

0.0%	0.0% #00668B	RGB 0 102 139	#00668B
16.7%	16.7% #0E5F7B	RGB 14 95 123	#0E5F7B
33.3%	33.3% #18576B	RGB 24 87 107	#18576B
50.0%	50.0% #1E4D5C	RGB 30 77 92	#1E4D5C
66.7%	66.7% #22424C	RGB 34 66 76	#22424C
83.3%	83.3% #21363C	RGB 33 54 60	#21363C
100.0%	100.0% #1E2A2D	RGB 30 42 45	#1E2A2D

#00668B #0E5F7B #18576B #1E4D5C #22424C #21363C #1E2A2D

#01668B - #1E4D5C - #1E2A2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00668B 0%, #1E4D5C 50%, #1E2A2D 100%);
    background: -webkit-linear-gradient(top, #00668B 0%, #1E4D5C 50%, #1E2A2D 100%);
    background: linear-gradient(to bottom, #00668B 0%, #1E4D5C 50%, #1E2A2D 100%);
}
</style>