#ABC6AB - #517E51 | 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 #ABC6AB a #517E51

#ABC6AB #517E51

Calcule el color entre dos colores, #ABC6AB y #517E51. 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)

#ABC6AB - #517E51 | 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 #ABC6AB como 0% y #517E51 como 100%.

0.0%	0.0% #ABC6AB	RGB 171 198 171	#ABC6AB
16.7%	16.7% #9CBA9C	RGB 156 186 156	#9CBA9C
33.3%	33.3% #8DAE8D	RGB 141 174 141	#8DAE8D
50.0%	50.0% #7EA27E	RGB 126 162 126	#7EA27E
66.7%	66.7% #6F966F	RGB 111 150 111	#6F966F
83.3%	83.3% #608A60	RGB 96 138 96	#608A60
100.0%	100.0% #517E51	RGB 81 126 81	#517E51

#ABC6AB #9CBA9C #8DAE8D #7EA27E #6F966F #608A60 #517E51

#ABC6AB - #517E51

Mezcla HSV

#ABC6AB - #517E51 | 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 #ABC6AB como 0% y #517E51 como 100%.

0.0%	0.0% #ABC6AB	RGB 171 198 171	#ABC6AB
16.7%	16.7% #99BA99	RGB 153 186 153	#99BA99
33.3%	33.3% #89AE89	RGB 137 174 137	#89AE89
50.0%	50.0% #7AA27A	RGB 122 162 122	#7AA27A
66.7%	66.7% #6B966B	RGB 107 150 107	#6B966B
83.3%	83.3% #5D8A5D	RGB 93 138 93	#5D8A5D
100.0%	100.0% #517E51	RGB 81 126 81	#517E51

#ABC6AB #99BA99 #89AE89 #7AA27A #6B966B #5D8A5D #517E51

#ABC6AB - #7AA27A - #517E51

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABC6AB 0%, #7AA27A 50%, #517E51 100%);
    background: -webkit-linear-gradient(top, #ABC6AB 0%, #7AA27A 50%, #517E51 100%);
    background: linear-gradient(to bottom, #ABC6AB 0%, #7AA27A 50%, #517E51 100%);
}
</style>