#080F15 - #223E4D | 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 #080F15 to #223E4D

#080F15 #223E4D

Calculate the color between two colors, #080F15 and #223E4D. 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)

#080F15 - #223E4D | 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 #080F15 as 0% and #223E4D as 100%.

0.0%	0.0% #080F15	RGB 8 15 21	#080F15
16.7%	16.7% #0C161E	RGB 12 22 30	#0C161E
33.3%	33.3% #101E27	RGB 16 30 39	#101E27
50.0%	50.0% #152631	RGB 21 38 49	#152631
66.7%	66.7% #192E3A	RGB 25 46 58	#192E3A
83.3%	83.3% #1D3643	RGB 29 54 67	#1D3643
100.0%	100.0% #223E4D	RGB 34 62 77	#223E4D

#080F15 #0C161E #101E27 #152631 #192E3A #1D3643 #223E4D

#080F15 - #223E4D

HSV Blend

#080F15 - #223E4D | 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 #080F15 as 0% and #223E4D as 100%.

0.0%	0.0% #080F15	RGB 8 15 21	#080F15
16.7%	16.7% #0B161E	RGB 11 22 30	#0B161E
33.3%	33.3% #0F1D27	RGB 15 29 39	#0F1D27
50.0%	50.0% #142531	RGB 20 37 49	#142531
66.7%	66.7% #182D3A	RGB 24 45 58	#182D3A
83.3%	83.3% #1D3543	RGB 29 53 67	#1D3543
100.0%	100.0% #223E4D	RGB 34 62 77	#223E4D

#080F15 #0B161E #0F1D27 #142531 #182D3A #1D3543 #223E4D

#080F15 - #142531 - #223E4D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #080F15 0%, #142531 50%, #223E4D 100%);
    background: -webkit-linear-gradient(top, #080F15 0%, #142531 50%, #223E4D 100%);
    background: linear-gradient(to bottom, #080F15 0%, #142531 50%, #223E4D 100%);
}
</style>