#7DD5DA - #233C3E | 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 #233C3E

#7DD5DA #233C3E

Calculate the color between two colors, #7DD5DA and #233C3E. 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 - #233C3E | 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 #233C3E 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% #50888C	RGB 80 136 140	#50888C
66.7%	66.7% #416F72	RGB 65 111 114	#416F72
83.3%	83.3% #325558	RGB 50 85 88	#325558
100.0%	100.0% #233C3E	RGB 35 60 62	#233C3E

#7DD5DA #6EBBC0 #5FA2A6 #50888C #416F72 #325558 #233C3E

#7DD5DA - #233C3E

HSV Blend

#7DD5DA - #233C3E | 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 #233C3E 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% #5EA1A6	RGB 94 161 166	#5EA1A6
50.0%	50.0% #4F888C	RGB 79 136 140	#4F888C
66.7%	66.7% #406E72	RGB 64 110 114	#406E72
83.3%	83.3% #315558	RGB 49 85 88	#315558
100.0%	100.0% #233C3E	RGB 35 60 62	#233C3E

#7DD5DA #6DBBC0 #5EA1A6 #4F888C #406E72 #315558 #233C3E

#7DD5DA - #4F888C - #233C3E

CSS codes

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

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