#095E84 - #1D2528 | 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 #095E84 to #1D2528

#095E84 #1D2528

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

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

0.0%	0.0% #095E84	RGB 9 94 132	#095E84
16.7%	16.7% #0C5474	RGB 12 84 116	#0C5474
33.3%	33.3% #0F4B65	RGB 15 75 101	#0F4B65
50.0%	50.0% #134156	RGB 19 65 86	#134156
66.7%	66.7% #163846	RGB 22 56 70	#163846
83.3%	83.3% #192E37	RGB 25 46 55	#192E37
100.0%	100.0% #1D2528	RGB 29 37 40	#1D2528

#095E84 #0C5474 #0F4B65 #134156 #163846 #192E37 #1D2528

#095E84 - #1D2528

HSV Blend

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

0.0%	0.0% #085D84	RGB 8 93 132	#085D84
16.7%	16.7% #145774	RGB 20 87 116	#145774
33.3%	33.3% #1D4F65	RGB 29 79 101	#1D4F65
50.0%	50.0% #224656	RGB 34 70 86	#224656
66.7%	66.7% #233C46	RGB 35 60 70	#233C46
83.3%	83.3% #223137	RGB 34 49 55	#223137
100.0%	100.0% #1D2528	RGB 29 37 40	#1D2528

#085D84 #145774 #1D4F65 #224656 #233C46 #223137 #1D2528

#095E84 - #224656 - #1D2528

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #085D84 0%, #224656 50%, #1D2528 100%);
    background: -webkit-linear-gradient(top, #085D84 0%, #224656 50%, #1D2528 100%);
    background: linear-gradient(to bottom, #085D84 0%, #224656 50%, #1D2528 100%);
}
</style>