#7E5E4C - #241A15 | 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 #7E5E4C a #241A15

#7E5E4C #241A15

Calcule el color entre dos colores, #7E5E4C y #241A15. 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)

#7E5E4C - #241A15 | 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 #7E5E4C como 0% y #241A15 como 100%.

0.0%	0.0% #7E5E4C	RGB 126 94 76	#7E5E4C
16.7%	16.7% #6F5242	RGB 111 82 66	#6F5242
33.3%	33.3% #604739	RGB 96 71 57	#604739
50.0%	50.0% #513C30	RGB 81 60 48	#513C30
66.7%	66.7% #423027	RGB 66 48 39	#423027
83.3%	83.3% #33251E	RGB 51 37 30	#33251E
100.0%	100.0% #241A15	RGB 36 26 21	#241A15

#7E5E4C #6F5242 #604739 #513C30 #423027 #33251E #241A15

#7E5E4C - #241A15

Mezcla HSV

#7E5E4C - #241A15 | 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 #7E5E4C como 0% y #241A15 como 100%.

0.0%	0.0% #7E5E4C	RGB 126 94 76	#7E5E4C
16.7%	16.7% #6F5242	RGB 111 82 66	#6F5242
33.3%	33.3% #604639	RGB 96 70 57	#604639
50.0%	50.0% #513B30	RGB 81 59 48	#513B30
66.7%	66.7% #423026	RGB 66 48 38	#423026
83.3%	83.3% #33251D	RGB 51 37 29	#33251D
100.0%	100.0% #241A15	RGB 36 26 21	#241A15

#7E5E4C #6F5242 #604639 #513B30 #423026 #33251D #241A15

#7E5E4C - #513B30 - #241A15

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E5E4C 0%, #513B30 50%, #241A15 100%);
    background: -webkit-linear-gradient(top, #7E5E4C 0%, #513B30 50%, #241A15 100%);
    background: linear-gradient(to bottom, #7E5E4C 0%, #513B30 50%, #241A15 100%);
}
</style>