#08080C - #142D39 | 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 #08080C to #142D39

#08080C #142D39

Calculate the color between two colors, #08080C and #142D39. 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)

#08080C - #142D39 | 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 #08080C as 0% and #142D39 as 100%.

0.0%	0.0% #08080C	RGB 8 8 12	#08080C
16.7%	16.7% #0A0E13	RGB 10 14 19	#0A0E13
33.3%	33.3% #0C141B	RGB 12 20 27	#0C141B
50.0%	50.0% #0E1A22	RGB 14 26 34	#0E1A22
66.7%	66.7% #10202A	RGB 16 32 42	#10202A
83.3%	83.3% #122631	RGB 18 38 49	#122631
100.0%	100.0% #142D39	RGB 20 45 57	#142D39

#08080C #0A0E13 #0C141B #0E1A22 #10202A #122631 #142D39

#08080C - #142D39

HSV Blend

#08080C - #142D39 | 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 #08080C as 0% and #142D39 as 100%.

0.0%	0.0% #08080C	RGB 8 8 12	#08080C
16.7%	16.7% #0B0C13	RGB 11 12 19	#0B0C13
33.3%	33.3% #0F111B	RGB 15 17 27	#0F111B
50.0%	50.0% #111722	RGB 17 23 34	#111722
66.7%	66.7% #131D2A	RGB 19 29 42	#131D2A
83.3%	83.3% #132431	RGB 19 36 49	#132431
100.0%	100.0% #142D39	RGB 20 45 57	#142D39

#08080C #0B0C13 #0F111B #111722 #131D2A #132431 #142D39

#08080C - #111722 - #142D39

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #08080C 0%, #111722 50%, #142D39 100%);
    background: -webkit-linear-gradient(top, #08080C 0%, #111722 50%, #142D39 100%);
    background: linear-gradient(to bottom, #08080C 0%, #111722 50%, #142D39 100%);
}
</style>