#AEC0A8 - #5E8C54 | 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 #AEC0A8 a #5E8C54

#AEC0A8 #5E8C54

Calcule el color entre dos colores, #AEC0A8 y #5E8C54. 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)

#AEC0A8 - #5E8C54 | 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 #AEC0A8 como 0% y #5E8C54 como 100%.

0.0%	0.0% #AEC0A8	RGB 174 192 168	#AEC0A8
16.7%	16.7% #A0B79A	RGB 160 183 154	#A0B79A
33.3%	33.3% #93AE8C	RGB 147 174 140	#93AE8C
50.0%	50.0% #86A67E	RGB 134 166 126	#86A67E
66.7%	66.7% #789D70	RGB 120 157 112	#789D70
83.3%	83.3% #6B9462	RGB 107 148 98	#6B9462
100.0%	100.0% #5E8C54	RGB 94 140 84	#5E8C54

#AEC0A8 #A0B79A #93AE8C #86A67E #789D70 #6B9462 #5E8C54

#AEC0A8 - #5E8C54

Mezcla HSV

#AEC0A8 - #5E8C54 | 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 #AEC0A8 como 0% y #5E8C54 como 100%.

0.0%	0.0% #AEC0A8	RGB 174 192 168	#AEC0A8
16.7%	16.7% #9FB798	RGB 159 183 152	#9FB798
33.3%	33.3% #91AE88	RGB 145 174 136	#91AE88
50.0%	50.0% #83A67A	RGB 131 166 122	#83A67A
66.7%	66.7% #769D6C	RGB 118 157 108	#769D6C
83.3%	83.3% #6A9460	RGB 106 148 96	#6A9460
100.0%	100.0% #5E8C54	RGB 94 140 84	#5E8C54

#AEC0A8 #9FB798 #91AE88 #83A67A #769D6C #6A9460 #5E8C54

#AEC0A8 - #83A67A - #5E8C54

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AEC0A8 0%, #83A67A 50%, #5E8C54 100%);
    background: -webkit-linear-gradient(top, #AEC0A8 0%, #83A67A 50%, #5E8C54 100%);
    background: linear-gradient(to bottom, #AEC0A8 0%, #83A67A 50%, #5E8C54 100%);
}
</style>