#75E5E5 - #04BFC3 | 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 #75E5E5 to #04BFC3

#75E5E5 #04BFC3

Calculate the color between two colors, #75E5E5 and #04BFC3. 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)

#75E5E5 - #04BFC3 | 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 #75E5E5 as 0% and #04BFC3 as 100%.

0.0%	0.0% #75E5E5	RGB 117 229 229	#75E5E5
16.7%	16.7% #62DEDF	RGB 98 222 223	#62DEDF
33.3%	33.3% #4FD8D9	RGB 79 216 217	#4FD8D9
50.0%	50.0% #3CD2D4	RGB 60 210 212	#3CD2D4
66.7%	66.7% #29CBCE	RGB 41 203 206	#29CBCE
83.3%	83.3% #16C5C8	RGB 22 197 200	#16C5C8
100.0%	100.0% #04BFC3	RGB 4 191 195	#04BFC3

#75E5E5 #62DEDF #4FD8D9 #3CD2D4 #29CBCE #16C5C8 #04BFC3

#75E5E5 - #04BFC3

HSV Blend

#75E5E5 - #04BFC3 | 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 #75E5E5 as 0% and #04BFC3 as 100%.

0.0%	0.0% #75E5E5	RGB 117 229 229	#75E5E5
16.7%	16.7% #5FDEDF	RGB 95 222 223	#5FDEDF
33.3%	33.3% #4BD8D9	RGB 75 216 217	#4BD8D9
50.0%	50.0% #38D2D4	RGB 56 210 212	#38D2D4
66.7%	66.7% #25CBCE	RGB 37 203 206	#25CBCE
83.3%	83.3% #14C5C8	RGB 20 197 200	#14C5C8
100.0%	100.0% #04BFC3	RGB 4 191 195	#04BFC3

#75E5E5 #5FDEDF #4BD8D9 #38D2D4 #25CBCE #14C5C8 #04BFC3

#75E5E5 - #38D2D4 - #04BFC3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #75E5E5 0%, #38D2D4 50%, #04BFC3 100%);
    background: -webkit-linear-gradient(top, #75E5E5 0%, #38D2D4 50%, #04BFC3 100%);
    background: linear-gradient(to bottom, #75E5E5 0%, #38D2D4 50%, #04BFC3 100%);
}
</style>