#86D1D1 - #1BA3A2 | 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 #86D1D1 a #1BA3A2

#86D1D1 #1BA3A2

Calcule el color entre dos colores, #86D1D1 y #1BA3A2. 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)

#86D1D1 - #1BA3A2 | 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 #86D1D1 como 0% y #1BA3A2 como 100%.

0.0%	0.0% #86D1D1	RGB 134 209 209	#86D1D1
16.7%	16.7% #74C9C9	RGB 116 201 201	#74C9C9
33.3%	33.3% #62C1C1	RGB 98 193 193	#62C1C1
50.0%	50.0% #50BAB9	RGB 80 186 185	#50BAB9
66.7%	66.7% #3EB2B1	RGB 62 178 177	#3EB2B1
83.3%	83.3% #2CAAA9	RGB 44 170 169	#2CAAA9
100.0%	100.0% #1BA3A2	RGB 27 163 162	#1BA3A2

#86D1D1 #74C9C9 #62C1C1 #50BAB9 #3EB2B1 #2CAAA9 #1BA3A2

#86D1D1 - #1BA3A2

Mezcla HSV

#86D1D1 - #1BA3A2 | 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 #86D1D1 como 0% y #1BA3A2 como 100%.

0.0%	0.0% #86D1D1	RGB 134 209 209	#86D1D1
16.7%	16.7% #71C9C9	RGB 113 201 201	#71C9C9
33.3%	33.3% #5DC1C1	RGB 93 193 193	#5DC1C1
50.0%	50.0% #4BBAB9	RGB 75 186 185	#4BBAB9
66.7%	66.7% #39B2B1	RGB 57 178 177	#39B2B1
83.3%	83.3% #29AAA9	RGB 41 170 169	#29AAA9
100.0%	100.0% #1BA3A2	RGB 27 163 162	#1BA3A2

#86D1D1 #71C9C9 #5DC1C1 #4BBAB9 #39B2B1 #29AAA9 #1BA3A2

#86D1D1 - #4BBAB9 - #1BA3A2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #86D1D1 0%, #4BBAB9 50%, #1BA3A2 100%);
    background: -webkit-linear-gradient(top, #86D1D1 0%, #4BBAB9 50%, #1BA3A2 100%);
    background: linear-gradient(to bottom, #86D1D1 0%, #4BBAB9 50%, #1BA3A2 100%);
}
</style>