#145A5E - #021C2D | 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 #145A5E to #021C2D

#145A5E #021C2D

Calculate the color between two colors, #145A5E and #021C2D. 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)

#145A5E - #021C2D | 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 #145A5E as 0% and #021C2D as 100%.

0.0%	0.0% #145A5E	RGB 20 90 94	#145A5E
16.7%	16.7% #114F55	RGB 17 79 85	#114F55
33.3%	33.3% #0E454D	RGB 14 69 77	#0E454D
50.0%	50.0% #0B3B45	RGB 11 59 69	#0B3B45
66.7%	66.7% #07303D	RGB 7 48 61	#07303D
83.3%	83.3% #052635	RGB 5 38 53	#052635
100.0%	100.0% #021C2D	RGB 2 28 45	#021C2D

#145A5E #114F55 #0E454D #0B3B45 #07303D #052635 #021C2D

#145A5E - #021C2D

HSV Blend

#145A5E - #021C2D | 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 #145A5E as 0% and #021C2D as 100%.

0.0%	0.0% #135A5E	RGB 19 90 94	#135A5E
16.7%	16.7% #0F4E55	RGB 15 78 85	#0F4E55
33.3%	33.3% #0C424D	RGB 12 66 77	#0C424D
50.0%	50.0% #083745	RGB 8 55 69	#083745
66.7%	66.7% #062D3D	RGB 6 45 61	#062D3D
83.3%	83.3% #032435	RGB 3 36 53	#032435
100.0%	100.0% #021C2D	RGB 2 28 45	#021C2D

#135A5E #0F4E55 #0C424D #083745 #062D3D #032435 #021C2D

#145A5E - #083745 - #021C2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #135A5E 0%, #083745 50%, #021C2D 100%);
    background: -webkit-linear-gradient(top, #135A5E 0%, #083745 50%, #021C2D 100%);
    background: linear-gradient(to bottom, #135A5E 0%, #083745 50%, #021C2D 100%);
}
</style>