#ABAF91 - #F1E3AE | 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 #ABAF91 a #F1E3AE

#ABAF91 #F1E3AE

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

#ABAF91 - #F1E3AE | 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 #ABAF91 como 0% y #F1E3AE como 100%.

0.0%	0.0% #ABAF91	RGB 171 175 145	#ABAF91
16.7%	16.7% #B6B795	RGB 182 183 149	#B6B795
33.3%	33.3% #C2C09A	RGB 194 192 154	#C2C09A
50.0%	50.0% #CEC99F	RGB 206 201 159	#CEC99F
66.7%	66.7% #D9D1A4	RGB 217 209 164	#D9D1A4
83.3%	83.3% #E5DAA9	RGB 229 218 169	#E5DAA9
100.0%	100.0% #F1E3AE	RGB 241 227 174	#F1E3AE

#ABAF91 #B6B795 #C2C09A #CEC99F #D9D1A4 #E5DAA9 #F1E3AE

#ABAF91 - #F1E3AE

Mezcla HSV

#ABAF91 - #F1E3AE | 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 #ABAF91 como 0% y #F1E3AE como 100%.

0.0%	0.0% #ABAF91	RGB 171 175 145	#ABAF91
16.7%	16.7% #B7BA96	RGB 183 186 150	#B7BA96
33.3%	33.3% #C4C59C	RGB 196 197 156	#C4C59C
50.0%	50.0% #D0CEA1	RGB 208 206 161	#D0CEA1
66.7%	66.7% #DBD5A5	RGB 219 213 165	#DBD5A5
83.3%	83.3% #E6DCAA	RGB 230 220 170	#E6DCAA
100.0%	100.0% #F1E3AE	RGB 241 227 174	#F1E3AE

#ABAF91 #B7BA96 #C4C59C #D0CEA1 #DBD5A5 #E6DCAA #F1E3AE

#ABAF91 - #D0CEA1 - #F1E3AE

Códigos CSS

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

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