#5E3C3C - #CD6E61 | 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 #5E3C3C a #CD6E61

#5E3C3C #CD6E61

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

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

0.0%	0.0% #5E3C3C	RGB 94 60 60	#5E3C3C
16.7%	16.7% #704442	RGB 112 68 66	#704442
33.3%	33.3% #834C48	RGB 131 76 72	#834C48
50.0%	50.0% #95554E	RGB 149 85 78	#95554E
66.7%	66.7% #A85D54	RGB 168 93 84	#A85D54
83.3%	83.3% #BA655A	RGB 186 101 90	#BA655A
100.0%	100.0% #CD6E61	RGB 205 110 97	#CD6E61

#5E3C3C #704442 #834C48 #95554E #A85D54 #BA655A #CD6E61

#5E3C3C - #CD6E61

Mezcla HSV

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

0.0%	0.0% #5E3C3C	RGB 94 60 60	#5E3C3C
16.7%	16.7% #704544	RGB 112 69 68	#704544
33.3%	33.3% #834E4C	RGB 131 78 76	#834E4C
50.0%	50.0% #955753	RGB 149 87 83	#955753
66.7%	66.7% #A85F58	RGB 168 95 88	#A85F58
83.3%	83.3% #BA665D	RGB 186 102 93	#BA665D
100.0%	100.0% #CD6E61	RGB 205 110 97	#CD6E61

#5E3C3C #704544 #834E4C #955753 #A85F58 #BA665D #CD6E61

#5E3C3C - #955753 - #CD6E61

Códigos CSS

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

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