#095E80 - #1D2426 | 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 #095E80 to #1D2426

#095E80 #1D2426

Calculate the color between two colors, #095E80 and #1D2426. 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)

#095E80 - #1D2426 | 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 #095E80 as 0% and #1D2426 as 100%.

0.0%	0.0% #095E80	RGB 9 94 128	#095E80
16.7%	16.7% #0C5471	RGB 12 84 113	#0C5471
33.3%	33.3% #0F4A62	RGB 15 74 98	#0F4A62
50.0%	50.0% #134153	RGB 19 65 83	#134153
66.7%	66.7% #163744	RGB 22 55 68	#163744
83.3%	83.3% #192D35	RGB 25 45 53	#192D35
100.0%	100.0% #1D2426	RGB 29 36 38	#1D2426

#095E80 #0C5471 #0F4A62 #134153 #163744 #192D35 #1D2426

#095E80 - #1D2426

HSV Blend

#095E80 - #1D2426 | 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 #095E80 as 0% and #1D2426 as 100%.

0.0%	0.0% #095E80	RGB 9 94 128	#095E80
16.7%	16.7% #145771	RGB 20 87 113	#145771
33.3%	33.3% #1D4F62	RGB 29 79 98	#1D4F62
50.0%	50.0% #224653	RGB 34 70 83	#224653
66.7%	66.7% #243C44	RGB 36 60 68	#243C44
83.3%	83.3% #223035	RGB 34 48 53	#223035
100.0%	100.0% #1D2426	RGB 29 36 38	#1D2426

#095E80 #145771 #1D4F62 #224653 #243C44 #223035 #1D2426

#095E80 - #224653 - #1D2426

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #095E80 0%, #224653 50%, #1D2426 100%);
    background: -webkit-linear-gradient(top, #095E80 0%, #224653 50%, #1D2426 100%);
    background: linear-gradient(to bottom, #095E80 0%, #224653 50%, #1D2426 100%);
}
</style>