#5E5D5C - #D48C7B | 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 #5E5D5C a #D48C7B

#5E5D5C #D48C7B

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

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

0.0%	0.0% #5E5D5C	RGB 94 93 92	#5E5D5C
16.7%	16.7% #716461	RGB 113 100 97	#716461
33.3%	33.3% #856C66	RGB 133 108 102	#856C66
50.0%	50.0% #99746B	RGB 153 116 107	#99746B
66.7%	66.7% #AC7C70	RGB 172 124 112	#AC7C70
83.3%	83.3% #C08475	RGB 192 132 117	#C08475
100.0%	100.0% #D48C7B	RGB 212 140 123	#D48C7B

#5E5D5C #716461 #856C66 #99746B #AC7C70 #C08475 #D48C7B

#5E5D5C - #D48C7B

Mezcla HSV

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

0.0%	0.0% #5E5D5C	RGB 94 93 92	#5E5D5C
16.7%	16.7% #716C67	RGB 113 108 103	#716C67
33.3%	33.3% #857870	RGB 133 120 112	#857870
50.0%	50.0% #998277	RGB 153 130 119	#998277
66.7%	66.7% #AC897B	RGB 172 137 123	#AC897B
83.3%	83.3% #C08C7C	RGB 192 140 124	#C08C7C
100.0%	100.0% #D48C7B	RGB 212 140 123	#D48C7B

#5E5D5C #716C67 #857870 #998277 #AC897B #C08C7C #D48C7B

#5E5D5C - #998277 - #D48C7B

Códigos CSS

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

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