#5E3E36 - #CE6C58 | 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 #5E3E36 a #CE6C58

#5E3E36 #CE6C58

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

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

0.0%	0.0% #5E3E36	RGB 94 62 54	#5E3E36
16.7%	16.7% #70453B	RGB 112 69 59	#70453B
33.3%	33.3% #834D41	RGB 131 77 65	#834D41
50.0%	50.0% #965547	RGB 150 85 71	#965547
66.7%	66.7% #A85C4C	RGB 168 92 76	#A85C4C
83.3%	83.3% #BB6452	RGB 187 100 82	#BB6452
100.0%	100.0% #CE6C58	RGB 206 108 88	#CE6C58

#5E3E36 #70453B #834D41 #965547 #A85C4C #BB6452 #CE6C58

#5E3E36 - #CE6C58

Mezcla HSV

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

0.0%	0.0% #5E3E36	RGB 94 62 54	#5E3E36
16.7%	16.7% #70473D	RGB 112 71 61	#70473D
33.3%	33.3% #835044	RGB 131 80 68	#835044
50.0%	50.0% #96584B	RGB 150 88 75	#96584B
66.7%	66.7% #A86050	RGB 168 96 80	#A86050
83.3%	83.3% #BB6654	RGB 187 102 84	#BB6654
100.0%	100.0% #CE6C58	RGB 206 108 88	#CE6C58

#5E3E36 #70473D #835044 #96584B #A86050 #BB6654 #CE6C58

#5E3E36 - #96584B - #CE6C58

Códigos CSS

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

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