#ABDFD9 - #3EB2AC | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #ABDFD9 a #3EB2AC

#ABDFD9 #3EB2AC

Calcule el color entre dos colores, #ABDFD9 y #3EB2AC. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#ABDFD9 - #3EB2AC | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #ABDFD9 como 0% y #3EB2AC como 100%.

0.0%	0.0% #ABDFD9	RGB 171 223 217	#ABDFD9
16.7%	16.7% #98D7D1	RGB 152 215 209	#98D7D1
33.3%	33.3% #86D0CA	RGB 134 208 202	#86D0CA
50.0%	50.0% #74C8C2	RGB 116 200 194	#74C8C2
66.7%	66.7% #62C1BB	RGB 98 193 187	#62C1BB
83.3%	83.3% #50B9B3	RGB 80 185 179	#50B9B3
100.0%	100.0% #3EB2AC	RGB 62 178 172	#3EB2AC

#ABDFD9 #98D7D1 #86D0CA #74C8C2 #62C1BB #50B9B3 #3EB2AC

#ABDFD9 - #3EB2AC

Mezcla HSV

#ABDFD9 - #3EB2AC | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #ABDFD9 como 0% y #3EB2AC como 100%.

0.0%	0.0% #ABDFD9	RGB 171 223 217	#ABDFD9
16.7%	16.7% #96D7D0	RGB 150 215 208	#96D7D0
33.3%	33.3% #82D0C8	RGB 130 208 200	#82D0C8
50.0%	50.0% #6FC8C1	RGB 111 200 193	#6FC8C1
66.7%	66.7% #5EC1B9	RGB 94 193 185	#5EC1B9
83.3%	83.3% #4DB9B2	RGB 77 185 178	#4DB9B2
100.0%	100.0% #3EB2AC	RGB 62 178 172	#3EB2AC

#ABDFD9 #96D7D0 #82D0C8 #6FC8C1 #5EC1B9 #4DB9B2 #3EB2AC

#ABDFD9 - #6FC8C1 - #3EB2AC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABDFD9 0%, #6FC8C1 50%, #3EB2AC 100%);
    background: -webkit-linear-gradient(top, #ABDFD9 0%, #6FC8C1 50%, #3EB2AC 100%);
    background: linear-gradient(to bottom, #ABDFD9 0%, #6FC8C1 50%, #3EB2AC 100%);
}
</style>