#5E4D4D - #D5707B | 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 #5E4D4D a #D5707B

#5E4D4D #D5707B

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

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

0.0%	0.0% #5E4D4D	RGB 94 77 77	#5E4D4D
16.7%	16.7% #715254	RGB 113 82 84	#715254
33.3%	33.3% #85585C	RGB 133 88 92	#85585C
50.0%	50.0% #995E64	RGB 153 94 100	#995E64
66.7%	66.7% #AD646B	RGB 173 100 107	#AD646B
83.3%	83.3% #C16A73	RGB 193 106 115	#C16A73
100.0%	100.0% #D5707B	RGB 213 112 123	#D5707B

#5E4D4D #715254 #85585C #995E64 #AD646B #C16A73 #D5707B

#5E4D4D - #D5707B

Mezcla HSV

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

0.0%	0.0% #5E4D4D	RGB 94 77 77	#5E4D4D
16.7%	16.7% #715758	RGB 113 87 88	#715758
33.3%	33.3% #856061	RGB 133 96 97	#856061
50.0%	50.0% #996769	RGB 153 103 105	#996769
66.7%	66.7% #AD6C70	RGB 173 108 112	#AD6C70
83.3%	83.3% #C16F76	RGB 193 111 118	#C16F76
100.0%	100.0% #D5707B	RGB 213 112 123	#D5707B

#5E4D4D #715758 #856061 #996769 #AD6C70 #C16F76 #D5707B

#5E4D4D - #996769 - #D5707B

Códigos CSS

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

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