#5E4D51 - #D1CCCE | 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 #5E4D51 a #D1CCCE

#5E4D51 #D1CCCE

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

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

0.0%	0.0% #5E4D51	RGB 94 77 81	#5E4D51
16.7%	16.7% #716265	RGB 113 98 101	#716265
33.3%	33.3% #84777A	RGB 132 119 122	#84777A
50.0%	50.0% #978C8F	RGB 151 140 143	#978C8F
66.7%	66.7% #AAA1A4	RGB 170 161 164	#AAA1A4
83.3%	83.3% #BDB6B9	RGB 189 182 185	#BDB6B9
100.0%	100.0% #D1CCCE	RGB 209 204 206	#D1CCCE

#5E4D51 #716265 #84777A #978C8F #AAA1A4 #BDB6B9 #D1CCCE

#5E4D51 - #D1CCCE

Mezcla HSV

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

0.0%	0.0% #5E4D51	RGB 94 77 81	#5E4D51
16.7%	16.7% #715F64	RGB 113 95 100	#715F64
33.3%	33.3% #847378	RGB 132 115 120	#847378
50.0%	50.0% #97878C	RGB 151 135 140	#97878C
66.7%	66.7% #AA9DA2	RGB 170 157 162	#AA9DA2
83.3%	83.3% #BDB4B7	RGB 189 180 183	#BDB4B7
100.0%	100.0% #D1CCCE	RGB 209 204 206	#D1CCCE

#5E4D51 #715F64 #847378 #97878C #AA9DA2 #BDB4B7 #D1CCCE

#5E4D51 - #97878C - #D1CCCE

Códigos CSS

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

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