#00AAA5 - #A8FAB0 | 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 #00AAA5 a #A8FAB0

#00AAA5 #A8FAB0

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

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

0.0%	0.0% #00AAA5	RGB 0 170 165	#00AAA5
16.7%	16.7% #1CB7A6	RGB 28 183 166	#1CB7A6
33.3%	33.3% #38C4A8	RGB 56 196 168	#38C4A8
50.0%	50.0% #54D2AA	RGB 84 210 170	#54D2AA
66.7%	66.7% #70DFAC	RGB 112 223 172	#70DFAC
83.3%	83.3% #8CECAE	RGB 140 236 174	#8CECAE
100.0%	100.0% #A8FAB0	RGB 168 250 176	#A8FAB0

#00AAA5 #1CB7A6 #38C4A8 #54D2AA #70DFAC #8CECAE #A8FAB0

#00AAA5 - #A8FAB0

Mezcla HSV

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

0.0%	0.0% #00AAA5	RGB 0 170 165	#00AAA5
16.7%	16.7% #14B79A	RGB 20 183 154	#14B79A
33.3%	33.3% #2CC493	RGB 44 196 147	#2CC493
50.0%	50.0% #46D291	RGB 70 210 145	#46D291
66.7%	66.7% #64DF93	RGB 100 223 147	#64DF93
83.3%	83.3% #84EC9D	RGB 132 236 157	#84EC9D
100.0%	100.0% #A8FAB0	RGB 168 250 176	#A8FAB0

#00AAA5 #14B79A #2CC493 #46D291 #64DF93 #84EC9D #A8FAB0

#00AAA5 - #46D291 - #A8FAB0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00AAA5 0%, #46D291 50%, #A8FAB0 100%);
    background: -webkit-linear-gradient(top, #00AAA5 0%, #46D291 50%, #A8FAB0 100%);
    background: linear-gradient(to bottom, #00AAA5 0%, #46D291 50%, #A8FAB0 100%);
}
</style>