#5E4D5E - #E69068 | 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 #5E4D5E a #E69068

#5E4D5E #E69068

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

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

0.0%	0.0% #5E4D5E	RGB 94 77 94	#5E4D5E
16.7%	16.7% #74585F	RGB 116 88 95	#74585F
33.3%	33.3% #8B6361	RGB 139 99 97	#8B6361
50.0%	50.0% #A26E63	RGB 162 110 99	#A26E63
66.7%	66.7% #B87964	RGB 184 121 100	#B87964
83.3%	83.3% #CF8466	RGB 207 132 102	#CF8466
100.0%	100.0% #E69068	RGB 230 144 104	#E69068

#5E4D5E #74585F #8B6361 #A26E63 #B87964 #CF8466 #E69068

#5E4D5E - #E69068

Mezcla HSV

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

0.0%	0.0% #5E4D5E	RGB 94 77 94	#5E4D5E
16.7%	16.7% #74586E	RGB 116 88 110	#74586E
33.3%	33.3% #8B6178	RGB 139 97 120	#8B6178
50.0%	50.0% #A2667B	RGB 162 102 123	#A2667B
66.7%	66.7% #B86A73	RGB 184 106 115	#B86A73
83.3%	83.3% #CF746A	RGB 207 116 106	#CF746A
100.0%	100.0% #E69068	RGB 230 144 104	#E69068

#5E4D5E #74586E #8B6178 #A2667B #B86A73 #CF746A #E69068

#5E4D5E - #A2667B - #E69068

Códigos CSS

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

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