#1B7B7B - #072323 | 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 #1B7B7B to #072323

#1B7B7B #072323

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

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

0.0%	0.0% #1B7B7B	RGB 27 123 123	#1B7B7B
16.7%	16.7% #176C6C	RGB 23 108 108	#176C6C
33.3%	33.3% #145D5D	RGB 20 93 93	#145D5D
50.0%	50.0% #114F4F	RGB 17 79 79	#114F4F
66.7%	66.7% #0D4040	RGB 13 64 64	#0D4040
83.3%	83.3% #0A3131	RGB 10 49 49	#0A3131
100.0%	100.0% #072323	RGB 7 35 35	#072323

#1B7B7B #176C6C #145D5D #114F4F #0D4040 #0A3131 #072323

#1B7B7B - #072323

HSV Blend

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

0.0%	0.0% #1B7B7B	RGB 27 123 123	#1B7B7B
16.7%	16.7% #176C6C	RGB 23 108 108	#176C6C
33.3%	33.3% #135D5D	RGB 19 93 93	#135D5D
50.0%	50.0% #104F4F	RGB 16 79 79	#104F4F
66.7%	66.7% #0D4040	RGB 13 64 64	#0D4040
83.3%	83.3% #0A3131	RGB 10 49 49	#0A3131
100.0%	100.0% #072323	RGB 7 35 35	#072323

#1B7B7B #176C6C #135D5D #104F4F #0D4040 #0A3131 #072323

#1B7B7B - #104F4F - #072323

CSS codes

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

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