#AF9B5C - #FFD479 | 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 #AF9B5C a #FFD479

#AF9B5C #FFD479

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

#AF9B5C - #FFD479 | 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 #AF9B5C como 0% y #FFD479 como 100%.

0.0%	0.0% #AF9B5C	RGB 175 155 92	#AF9B5C
16.7%	16.7% #BCA460	RGB 188 164 96	#BCA460
33.3%	33.3% #C9AE65	RGB 201 174 101	#C9AE65
50.0%	50.0% #D7B76A	RGB 215 183 106	#D7B76A
66.7%	66.7% #E4C16F	RGB 228 193 111	#E4C16F
83.3%	83.3% #F1CA74	RGB 241 202 116	#F1CA74
100.0%	100.0% #FFD479	RGB 255 212 121	#FFD479

#AF9B5C #BCA460 #C9AE65 #D7B76A #E4C16F #F1CA74 #FFD479

#AF9B5C - #FFD479

Mezcla HSV

#AF9B5C - #FFD479 | 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 #AF9B5C como 0% y #FFD479 como 100%.

0.0%	0.0% #AF9B5C	RGB 175 155 92	#AF9B5C
16.7%	16.7% #BCA561	RGB 188 165 97	#BCA561
33.3%	33.3% #C9AF66	RGB 201 175 102	#C9AF66
50.0%	50.0% #D7B86B	RGB 215 184 107	#D7B86B
66.7%	66.7% #E4C270	RGB 228 194 112	#E4C270
83.3%	83.3% #F1CB74	RGB 241 203 116	#F1CB74
100.0%	100.0% #FFD479	RGB 255 212 121	#FFD479

#AF9B5C #BCA561 #C9AF66 #D7B86B #E4C270 #F1CB74 #FFD479

#AF9B5C - #D7B86B - #FFD479

Códigos CSS

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

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