#00A6A6 - #A1F7B2 | 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 #00A6A6 a #A1F7B2

#00A6A6 #A1F7B2

Calcule el color entre dos colores, #00A6A6 y #A1F7B2. 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)

#00A6A6 - #A1F7B2 | 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 #00A6A6 como 0% y #A1F7B2 como 100%.

0.0%	0.0% #00A6A6	RGB 0 166 166	#00A6A6
16.7%	16.7% #1AB3A8	RGB 26 179 168	#1AB3A8
33.3%	33.3% #35C1AA	RGB 53 193 170	#35C1AA
50.0%	50.0% #50CEAC	RGB 80 206 172	#50CEAC
66.7%	66.7% #6BDCAE	RGB 107 220 174	#6BDCAE
83.3%	83.3% #86E9B0	RGB 134 233 176	#86E9B0
100.0%	100.0% #A1F7B2	RGB 161 247 178	#A1F7B2

#00A6A6 #1AB3A8 #35C1AA #50CEAC #6BDCAE #86E9B0 #A1F7B2

#00A6A6 - #A1F7B2

Mezcla HSV

#00A6A6 - #A1F7B2 | 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 #00A6A6 como 0% y #A1F7B2 como 100%.

0.0%	0.0% #00A6A6	RGB 0 166 166	#00A6A6
16.7%	16.7% #13B39E	RGB 19 179 158	#13B39E
33.3%	33.3% #29C198	RGB 41 193 152	#29C198
50.0%	50.0% #43CE96	RGB 67 206 150	#43CE96
66.7%	66.7% #5FDC99	RGB 95 220 153	#5FDC99
83.3%	83.3% #7EE9A2	RGB 126 233 162	#7EE9A2
100.0%	100.0% #A1F7B2	RGB 161 247 178	#A1F7B2

#00A6A6 #13B39E #29C198 #43CE96 #5FDC99 #7EE9A2 #A1F7B2

#00A6A6 - #43CE96 - #A1F7B2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A6A6 0%, #43CE96 50%, #A1F7B2 100%);
    background: -webkit-linear-gradient(top, #00A6A6 0%, #43CE96 50%, #A1F7B2 100%);
    background: linear-gradient(to bottom, #00A6A6 0%, #43CE96 50%, #A1F7B2 100%);
}
</style>