#BA5929 - #EBCFC1 | 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 #BA5929 a #EBCFC1

#BA5929 #EBCFC1

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

#BA5929 - #EBCFC1 | 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 #BA5929 como 0% y #EBCFC1 como 100%.

0.0%	0.0% #BA5929	RGB 186 89 41	#BA5929
16.7%	16.7% #C26C42	RGB 194 108 66	#C26C42
33.3%	33.3% #CA805B	RGB 202 128 91	#CA805B
50.0%	50.0% #D29475	RGB 210 148 117	#D29475
66.7%	66.7% #DAA78E	RGB 218 167 142	#DAA78E
83.3%	83.3% #E2BBA7	RGB 226 187 167	#E2BBA7
100.0%	100.0% #EBCFC1	RGB 235 207 193	#EBCFC1

#BA5929 #C26C42 #CA805B #D29475 #DAA78E #E2BBA7 #EBCFC1

#BA5929 - #EBCFC1

Mezcla HSV

#BA5929 - #EBCFC1 | 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 #BA5929 como 0% y #EBCFC1 como 100%.

0.0%	0.0% #BA5929	RGB 186 89 41	#BA5929
16.7%	16.7% #C2693E	RGB 194 105 62	#C2693E
33.3%	33.3% #CA7C55	RGB 202 124 85	#CA7C55
50.0%	50.0% #D28F6D	RGB 210 143 109	#D28F6D
66.7%	66.7% #DAA387	RGB 218 163 135	#DAA387
83.3%	83.3% #E2B8A3	RGB 226 184 163	#E2B8A3
100.0%	100.0% #EBCFC1	RGB 235 207 193	#EBCFC1

#BA5929 #C2693E #CA7C55 #D28F6D #DAA387 #E2B8A3 #EBCFC1

#BA5929 - #D28F6D - #EBCFC1

Códigos CSS

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

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