#A2AD8C - #ECF2AB | 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 #A2AD8C a #ECF2AB

#A2AD8C #ECF2AB

Calcule el color entre dos colores, #A2AD8C y #ECF2AB. 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)

#A2AD8C - #ECF2AB | 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 #A2AD8C como 0% y #ECF2AB como 100%.

0.0%	0.0% #A2AD8C	RGB 162 173 140	#A2AD8C
16.7%	16.7% #AEB891	RGB 174 184 145	#AEB891
33.3%	33.3% #BAC496	RGB 186 196 150	#BAC496
50.0%	50.0% #C7CF9B	RGB 199 207 155	#C7CF9B
66.7%	66.7% #D3DBA0	RGB 211 219 160	#D3DBA0
83.3%	83.3% #DFE6A5	RGB 223 230 165	#DFE6A5
100.0%	100.0% #ECF2AB	RGB 236 242 171	#ECF2AB

#A2AD8C #AEB891 #BAC496 #C7CF9B #D3DBA0 #DFE6A5 #ECF2AB

#A2AD8C - #ECF2AB

Mezcla HSV

#A2AD8C - #ECF2AB | 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 #A2AD8C como 0% y #ECF2AB como 100%.

0.0%	0.0% #A2AD8C	RGB 162 173 140	#A2AD8C
16.7%	16.7% #ADB892	RGB 173 184 146	#ADB892
33.3%	33.3% #B8C497	RGB 184 196 151	#B8C497
50.0%	50.0% #C5CF9D	RGB 197 207 157	#C5CF9D
66.7%	66.7% #D1DBA2	RGB 209 219 162	#D1DBA2
83.3%	83.3% #DEE6A6	RGB 222 230 166	#DEE6A6
100.0%	100.0% #ECF2AB	RGB 236 242 171	#ECF2AB

#A2AD8C #ADB892 #B8C497 #C5CF9D #D1DBA2 #DEE6A6 #ECF2AB

#A2AD8C - #C5CF9D - #ECF2AB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2AD8C 0%, #C5CF9D 50%, #ECF2AB 100%);
    background: -webkit-linear-gradient(top, #A2AD8C 0%, #C5CF9D 50%, #ECF2AB 100%);
    background: linear-gradient(to bottom, #A2AD8C 0%, #C5CF9D 50%, #ECF2AB 100%);
}
</style>