#7DD5DA - #233D3E | 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 #7DD5DA to #233D3E

#7DD5DA #233D3E

Calculate the color between two colors, #7DD5DA and #233D3E. 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)

#7DD5DA - #233D3E | 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 #7DD5DA as 0% and #233D3E as 100%.

0.0%	0.0% #7DD5DA	RGB 125 213 218	#7DD5DA
16.7%	16.7% #6EBBC0	RGB 110 187 192	#6EBBC0
33.3%	33.3% #5FA2A6	RGB 95 162 166	#5FA2A6
50.0%	50.0% #50898C	RGB 80 137 140	#50898C
66.7%	66.7% #416F72	RGB 65 111 114	#416F72
83.3%	83.3% #325658	RGB 50 86 88	#325658
100.0%	100.0% #233D3E	RGB 35 61 62	#233D3E

#7DD5DA #6EBBC0 #5FA2A6 #50898C #416F72 #325658 #233D3E

#7DD5DA - #233D3E

HSV Blend

#7DD5DA - #233D3E | 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 #7DD5DA as 0% and #233D3E as 100%.

0.0%	0.0% #7DD5DA	RGB 125 213 218	#7DD5DA
16.7%	16.7% #6DBBC0	RGB 109 187 192	#6DBBC0
33.3%	33.3% #5EA2A6	RGB 94 162 166	#5EA2A6
50.0%	50.0% #4F898C	RGB 79 137 140	#4F898C
66.7%	66.7% #406F72	RGB 64 111 114	#406F72
83.3%	83.3% #315658	RGB 49 86 88	#315658
100.0%	100.0% #233D3E	RGB 35 61 62	#233D3E

#7DD5DA #6DBBC0 #5EA2A6 #4F898C #406F72 #315658 #233D3E

#7DD5DA - #4F898C - #233D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7DD5DA 0%, #4F898C 50%, #233D3E 100%);
    background: -webkit-linear-gradient(top, #7DD5DA 0%, #4F898C 50%, #233D3E 100%);
    background: linear-gradient(to bottom, #7DD5DA 0%, #4F898C 50%, #233D3E 100%);
}
</style>