#AEAFAD - #657A56 | 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 #AEAFAD a #657A56

#AEAFAD #657A56

Calcule el color entre dos colores, #AEAFAD y #657A56. 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)

#AEAFAD - #657A56 | 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 #AEAFAD como 0% y #657A56 como 100%.

0.0%	0.0% #AEAFAD	RGB 174 175 173	#AEAFAD
16.7%	16.7% #A1A69E	RGB 161 166 158	#A1A69E
33.3%	33.3% #959D90	RGB 149 157 144	#959D90
50.0%	50.0% #899481	RGB 137 148 129	#899481
66.7%	66.7% #7D8B73	RGB 125 139 115	#7D8B73
83.3%	83.3% #718264	RGB 113 130 100	#718264
100.0%	100.0% #657A56	RGB 101 122 86	#657A56

#AEAFAD #A1A69E #959D90 #899481 #7D8B73 #718264 #657A56

#AEAFAD - #657A56

Mezcla HSV

#AEAFAD - #657A56 | 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 #AEAFAD como 0% y #657A56 como 100%.

0.0%	0.0% #AEAFAD	RGB 174 175 173	#AEAFAD
16.7%	16.7% #A1A69C	RGB 161 166 156	#A1A69C
33.3%	33.3% #949D8C	RGB 148 157 140	#949D8C
50.0%	50.0% #88947D	RGB 136 148 125	#88947D
66.7%	66.7% #7C8B6F	RGB 124 139 111	#7C8B6F
83.3%	83.3% #708262	RGB 112 130 98	#708262
100.0%	100.0% #657A56	RGB 101 122 86	#657A56

#AEAFAD #A1A69C #949D8C #88947D #7C8B6F #708262 #657A56

#AEAFAD - #88947D - #657A56

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AEAFAD 0%, #88947D 50%, #657A56 100%);
    background: -webkit-linear-gradient(top, #AEAFAD 0%, #88947D 50%, #657A56 100%);
    background: linear-gradient(to bottom, #AEAFAD 0%, #88947D 50%, #657A56 100%);
}
</style>