#5E3F2F - #AB5E76 | 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 #5E3F2F a #AB5E76

#5E3F2F #AB5E76

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

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

0.0%	0.0% #5E3F2F	RGB 94 63 47	#5E3F2F
16.7%	16.7% #6A443A	RGB 106 68 58	#6A443A
33.3%	33.3% #774946	RGB 119 73 70	#774946
50.0%	50.0% #844E52	RGB 132 78 82	#844E52
66.7%	66.7% #91535E	RGB 145 83 94	#91535E
83.3%	83.3% #9E586A	RGB 158 88 106	#9E586A
100.0%	100.0% #AB5E76	RGB 171 94 118	#AB5E76

#5E3F2F #6A443A #774946 #844E52 #91535E #9E586A #AB5E76

#5E3F2F - #AB5E76

Mezcla HSV

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

0.0%	0.0% #5E3F2F	RGB 94 63 47	#5E3F2F
16.7%	16.7% #6A4236	RGB 106 66 54	#6A4236
33.3%	33.3% #77443D	RGB 119 68 61	#77443D
50.0%	50.0% #844645	RGB 132 70 69	#844645
66.7%	66.7% #914D53	RGB 145 77 83	#914D53
83.3%	83.3% #9E5564	RGB 158 85 100	#9E5564
100.0%	100.0% #AB5E76	RGB 171 94 118	#AB5E76

#5E3F2F #6A4236 #77443D #844645 #914D53 #9E5564 #AB5E76

#5E3F2F - #844645 - #AB5E76

Códigos CSS

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

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