#BA8A41 - #EBDDC8 | 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 #BA8A41 a #EBDDC8

#BA8A41 #EBDDC8

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

#BA8A41 - #EBDDC8 | 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 #BA8A41 como 0% y #EBDDC8 como 100%.

0.0%	0.0% #BA8A41	RGB 186 138 65	#BA8A41
16.7%	16.7% #C29757	RGB 194 151 87	#C29757
33.3%	33.3% #CAA56E	RGB 202 165 110	#CAA56E
50.0%	50.0% #D2B384	RGB 210 179 132	#D2B384
66.7%	66.7% #DAC19B	RGB 218 193 155	#DAC19B
83.3%	83.3% #E2CFB1	RGB 226 207 177	#E2CFB1
100.0%	100.0% #EBDDC8	RGB 235 221 200	#EBDDC8

#BA8A41 #C29757 #CAA56E #D2B384 #DAC19B #E2CFB1 #EBDDC8

#BA8A41 - #EBDDC8

Mezcla HSV

#BA8A41 - #EBDDC8 | 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 #BA8A41 como 0% y #EBDDC8 como 100%.

0.0%	0.0% #BA8A41	RGB 186 138 65	#BA8A41
16.7%	16.7% #C29654	RGB 194 150 84	#C29654
33.3%	33.3% #CAA368	RGB 202 163 104	#CAA368
50.0%	50.0% #D2B07E	RGB 210 176 126	#D2B07E
66.7%	66.7% #DABF95	RGB 218 191 149	#DABF95
83.3%	83.3% #E2CDAE	RGB 226 205 174	#E2CDAE
100.0%	100.0% #EBDDC8	RGB 235 221 200	#EBDDC8

#BA8A41 #C29654 #CAA368 #D2B07E #DABF95 #E2CDAE #EBDDC8

#BA8A41 - #D2B07E - #EBDDC8

Códigos CSS

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

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