#AD8927 - #FFC543 | 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 #AD8927 a #FFC543

#AD8927 #FFC543

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

#AD8927 - #FFC543 | 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 #AD8927 como 0% y #FFC543 como 100%.

0.0%	0.0% #AD8927	RGB 173 137 39	#AD8927
16.7%	16.7% #BA932B	RGB 186 147 43	#BA932B
33.3%	33.3% #C89D30	RGB 200 157 48	#C89D30
50.0%	50.0% #D6A735	RGB 214 167 53	#D6A735
66.7%	66.7% #E3B139	RGB 227 177 57	#E3B139
83.3%	83.3% #F1BB3E	RGB 241 187 62	#F1BB3E
100.0%	100.0% #FFC543	RGB 255 197 67	#FFC543

#AD8927 #BA932B #C89D30 #D6A735 #E3B139 #F1BB3E #FFC543

#AD8927 - #FFC543

Mezcla HSV

#AD8927 - #FFC543 | 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 #AD8927 como 0% y #FFC543 como 100%.

0.0%	0.0% #AD8927	RGB 173 137 39	#AD8927
16.7%	16.7% #BA932B	RGB 186 147 43	#BA932B
33.3%	33.3% #C89D2F	RGB 200 157 47	#C89D2F
50.0%	50.0% #D6A734	RGB 214 167 52	#D6A734
66.7%	66.7% #E3B138	RGB 227 177 56	#E3B138
83.3%	83.3% #F1BB3D	RGB 241 187 61	#F1BB3D
100.0%	100.0% #FFC543	RGB 255 197 67	#FFC543

#AD8927 #BA932B #C89D2F #D6A734 #E3B138 #F1BB3D #FFC543

#AD8927 - #D6A734 - #FFC543

Códigos CSS

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

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