#1B566C - #07181E | 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 #1B566C to #07181E

#1B566C #07181E

Calculate the color between two colors, #1B566C and #07181E. 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)

#1B566C - #07181E | 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 #1B566C as 0% and #07181E as 100%.

0.0%	0.0% #1B566C	RGB 27 86 108	#1B566C
16.7%	16.7% #174B5F	RGB 23 75 95	#174B5F
33.3%	33.3% #144152	RGB 20 65 82	#144152
50.0%	50.0% #113745	RGB 17 55 69	#113745
66.7%	66.7% #0D2C38	RGB 13 44 56	#0D2C38
83.3%	83.3% #0A222B	RGB 10 34 43	#0A222B
100.0%	100.0% #07181E	RGB 7 24 30	#07181E

#1B566C #174B5F #144152 #113745 #0D2C38 #0A222B #07181E

#1B566C - #07181E

HSV Blend

#1B566C - #07181E | 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 #1B566C as 0% and #07181E as 100%.

0.0%	0.0% #1B556C	RGB 27 85 108	#1B556C
16.7%	16.7% #174B5F	RGB 23 75 95	#174B5F
33.3%	33.3% #144152	RGB 20 65 82	#144152
50.0%	50.0% #103745	RGB 16 55 69	#103745
66.7%	66.7% #0D2C38	RGB 13 44 56	#0D2C38
83.3%	83.3% #0A222B	RGB 10 34 43	#0A222B
100.0%	100.0% #07181E	RGB 7 24 30	#07181E

#1B556C #174B5F #144152 #103745 #0D2C38 #0A222B #07181E

#1B566C - #103745 - #07181E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B556C 0%, #103745 50%, #07181E 100%);
    background: -webkit-linear-gradient(top, #1B556C 0%, #103745 50%, #07181E 100%);
    background: linear-gradient(to bottom, #1B556C 0%, #103745 50%, #07181E 100%);
}
</style>