#7DCFDA - #233A3E | 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 #7DCFDA to #233A3E

#7DCFDA #233A3E

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

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

0.0%	0.0% #7DCFDA	RGB 125 207 218	#7DCFDA
16.7%	16.7% #6EB6C0	RGB 110 182 192	#6EB6C0
33.3%	33.3% #5F9DA6	RGB 95 157 166	#5F9DA6
50.0%	50.0% #50848C	RGB 80 132 140	#50848C
66.7%	66.7% #416B72	RGB 65 107 114	#416B72
83.3%	83.3% #325258	RGB 50 82 88	#325258
100.0%	100.0% #233A3E	RGB 35 58 62	#233A3E

#7DCFDA #6EB6C0 #5F9DA6 #50848C #416B72 #325258 #233A3E

#7DCFDA - #233A3E

HSV Blend

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

0.0%	0.0% #7DCFDA	RGB 125 207 218	#7DCFDA
16.7%	16.7% #6DB5C0	RGB 109 181 192	#6DB5C0
33.3%	33.3% #5E9CA6	RGB 94 156 166	#5E9CA6
50.0%	50.0% #4F838C	RGB 79 131 140	#4F838C
66.7%	66.7% #406B72	RGB 64 107 114	#406B72
83.3%	83.3% #315258	RGB 49 82 88	#315258
100.0%	100.0% #233A3E	RGB 35 58 62	#233A3E

#7DCFDA #6DB5C0 #5E9CA6 #4F838C #406B72 #315258 #233A3E

#7DCFDA - #4F838C - #233A3E

CSS codes

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

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