#75FFEC - #A8FFCB | 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 #75FFEC to #A8FFCB

#75FFEC #A8FFCB

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

#75FFEC - #A8FFCB | 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 #75FFEC as 0% and #A8FFCB as 100%.

0.0%	0.0% #75FFEC	RGB 117 255 236	#75FFEC
16.7%	16.7% #7DFFE6	RGB 125 255 230	#7DFFE6
33.3%	33.3% #86FFE1	RGB 134 255 225	#86FFE1
50.0%	50.0% #8EFFDB	RGB 142 255 219	#8EFFDB
66.7%	66.7% #97FFD6	RGB 151 255 214	#97FFD6
83.3%	83.3% #9FFFD0	RGB 159 255 208	#9FFFD0
100.0%	100.0% #A8FFCB	RGB 168 255 203	#A8FFCB

#75FFEC #7DFFE6 #86FFE1 #8EFFDB #97FFD6 #9FFFD0 #A8FFCB

#75FFEC - #A8FFCB

HSV Blend

#75FFEC - #A8FFCB | 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 #75FFEC as 0% and #A8FFCB as 100%.

0.0%	0.0% #75FFEC	RGB 117 255 236	#75FFEC
16.7%	16.7% #7DFFE3	RGB 125 255 227	#7DFFE3
33.3%	33.3% #86FFDB	RGB 134 255 219	#86FFDB
50.0%	50.0% #8EFFD5	RGB 142 255 213	#8EFFD5
66.7%	66.7% #97FFD0	RGB 151 255 208	#97FFD0
83.3%	83.3% #9FFFCD	RGB 159 255 205	#9FFFCD
100.0%	100.0% #A8FFCB	RGB 168 255 203	#A8FFCB

#75FFEC #7DFFE3 #86FFDB #8EFFD5 #97FFD0 #9FFFCD #A8FFCB

#75FFEC - #8EFFD5 - #A8FFCB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #75FFEC 0%, #8EFFD5 50%, #A8FFCB 100%);
    background: -webkit-linear-gradient(top, #75FFEC 0%, #8EFFD5 50%, #A8FFCB 100%);
    background: linear-gradient(to bottom, #75FFEC 0%, #8EFFD5 50%, #A8FFCB 100%);
}
</style>