#1A878C - #1D3D3B | 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 #1A878C to #1D3D3B

#1A878C #1D3D3B

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

#1A878C - #1D3D3B | 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 #1A878C as 0% and #1D3D3B as 100%.

0.0%	0.0% #1A878C	RGB 26 135 140	#1A878C
16.7%	16.7% #1A7A7E	RGB 26 122 126	#1A7A7E
33.3%	33.3% #1B6E71	RGB 27 110 113	#1B6E71
50.0%	50.0% #1B6263	RGB 27 98 99	#1B6263
66.7%	66.7% #1C5556	RGB 28 85 86	#1C5556
83.3%	83.3% #1C4948	RGB 28 73 72	#1C4948
100.0%	100.0% #1D3D3B	RGB 29 61 59	#1D3D3B

#1A878C #1A7A7E #1B6E71 #1B6263 #1C5556 #1C4948 #1D3D3B

#1A878C - #1D3D3B

HSV Blend

#1A878C - #1D3D3B | 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 #1A878C as 0% and #1D3D3B as 100%.

0.0%	0.0% #1A878C	RGB 26 135 140	#1A878C
16.7%	16.7% #1D7C7E	RGB 29 124 126	#1D7C7E
33.3%	33.3% #207071	RGB 32 112 113	#207071
50.0%	50.0% #216463	RGB 33 100 99	#216463
66.7%	66.7% #215755	RGB 33 87 85	#215755
83.3%	83.3% #1F4A48	RGB 31 74 72	#1F4A48
100.0%	100.0% #1D3D3B	RGB 29 61 59	#1D3D3B

#1A878C #1D7C7E #207071 #216463 #215755 #1F4A48 #1D3D3B

#1A878C - #216463 - #1D3D3B

CSS codes

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

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