#5E231F - #B75E3E | 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 #5E231F a #B75E3E

#5E231F #B75E3E

Calcule el color entre dos colores, #5E231F y #B75E3E. 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)

#5E231F - #B75E3E | 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 #5E231F como 0% y #B75E3E como 100%.

0.0%	0.0% #5E231F	RGB 94 35 31	#5E231F
16.7%	16.7% #6C2C24	RGB 108 44 36	#6C2C24
33.3%	33.3% #7B3629	RGB 123 54 41	#7B3629
50.0%	50.0% #8A402E	RGB 138 64 46	#8A402E
66.7%	66.7% #994A33	RGB 153 74 51	#994A33
83.3%	83.3% #A85438	RGB 168 84 56	#A85438
100.0%	100.0% #B75E3E	RGB 183 94 62	#B75E3E

#5E231F #6C2C24 #7B3629 #8A402E #994A33 #A85438 #B75E3E

#5E231F - #B75E3E

Mezcla HSV

#5E231F - #B75E3E | 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 #5E231F como 0% y #B75E3E como 100%.

0.0%	0.0% #5E231F	RGB 94 35 31	#5E231F
16.7%	16.7% #6C2B24	RGB 108 43 36	#6C2B24
33.3%	33.3% #7B3329	RGB 123 51 41	#7B3329
50.0%	50.0% #8A3D2E	RGB 138 61 46	#8A3D2E
66.7%	66.7% #994733	RGB 153 71 51	#994733
83.3%	83.3% #A85238	RGB 168 82 56	#A85238
100.0%	100.0% #B75E3E	RGB 183 94 62	#B75E3E

#5E231F #6C2B24 #7B3329 #8A3D2E #994733 #A85238 #B75E3E

#5E231F - #8A3D2E - #B75E3E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E231F 0%, #8A3D2E 50%, #B75E3E 100%);
    background: -webkit-linear-gradient(top, #5E231F 0%, #8A3D2E 50%, #B75E3E 100%);
    background: linear-gradient(to bottom, #5E231F 0%, #8A3D2E 50%, #B75E3E 100%);
}
</style>