#5E3E48 - #CD8469 | 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 #5E3E48 a #CD8469

#5E3E48 #CD8469

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

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

0.0%	0.0% #5E3E48	RGB 94 62 72	#5E3E48
16.7%	16.7% #70494D	RGB 112 73 77	#70494D
33.3%	33.3% #835553	RGB 131 85 83	#835553
50.0%	50.0% #956158	RGB 149 97 88	#956158
66.7%	66.7% #A86C5E	RGB 168 108 94	#A86C5E
83.3%	83.3% #BA7863	RGB 186 120 99	#BA7863
100.0%	100.0% #CD8469	RGB 205 132 105	#CD8469

#5E3E48 #70494D #835553 #956158 #A86C5E #BA7863 #CD8469

#5E3E48 - #CD8469

Mezcla HSV

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

0.0%	0.0% #5E3E48	RGB 94 62 72	#5E3E48
16.7%	16.7% #704750	RGB 112 71 80	#704750
33.3%	33.3% #834F56	RGB 131 79 86	#834F56
50.0%	50.0% #955758	RGB 149 87 88	#955758
66.7%	66.7% #A8635E	RGB 168 99 94	#A8635E
83.3%	83.3% #BA7364	RGB 186 115 100	#BA7364
100.0%	100.0% #CD8469	RGB 205 132 105	#CD8469

#5E3E48 #704750 #834F56 #955758 #A8635E #BA7364 #CD8469

#5E3E48 - #955758 - #CD8469

Códigos CSS

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

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