#1ED6CB - #00AC9F | 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 #1ED6CB to #00AC9F

#1ED6CB #00AC9F

Calculate the color between two colors, #1ED6CB and #00AC9F. 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)

#1ED6CB - #00AC9F | 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 #1ED6CB as 0% and #00AC9F as 100%.

0.0%	0.0% #1ED6CB	RGB 30 214 203	#1ED6CB
16.7%	16.7% #19CFC3	RGB 25 207 195	#19CFC3
33.3%	33.3% #14C8BC	RGB 20 200 188	#14C8BC
50.0%	50.0% #0FC1B5	RGB 15 193 181	#0FC1B5
66.7%	66.7% #0ABAAD	RGB 10 186 173	#0ABAAD
83.3%	83.3% #05B3A6	RGB 5 179 166	#05B3A6
100.0%	100.0% #00AC9F	RGB 0 172 159	#00AC9F

#1ED6CB #19CFC3 #14C8BC #0FC1B5 #0ABAAD #05B3A6 #00AC9F

#1ED6CB - #00AC9F

HSV Blend

#1ED6CB - #00AC9F | 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 #1ED6CB as 0% and #00AC9F as 100%.

0.0%	0.0% #1ED6CB	RGB 30 214 203	#1ED6CB
16.7%	16.7% #18CFC3	RGB 24 207 195	#18CFC3
33.3%	33.3% #12C8BC	RGB 18 200 188	#12C8BC
50.0%	50.0% #0DC1B4	RGB 13 193 180	#0DC1B4
66.7%	66.7% #08BAAD	RGB 8 186 173	#08BAAD
83.3%	83.3% #04B3A6	RGB 4 179 166	#04B3A6
100.0%	100.0% #00AC9F	RGB 0 172 159	#00AC9F

#1ED6CB #18CFC3 #12C8BC #0DC1B4 #08BAAD #04B3A6 #00AC9F

#1ED6CB - #0DC1B4 - #00AC9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1ED6CB 0%, #0DC1B4 50%, #00AC9F 100%);
    background: -webkit-linear-gradient(top, #1ED6CB 0%, #0DC1B4 50%, #00AC9F 100%);
    background: linear-gradient(to bottom, #1ED6CB 0%, #0DC1B4 50%, #00AC9F 100%);
}
</style>