#5E4656 - #D1CACF | 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 #5E4656 a #D1CACF

#5E4656 #D1CACF

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

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

0.0%	0.0% #5E4656	RGB 94 70 86	#5E4656
16.7%	16.7% #715C6A	RGB 113 92 106	#715C6A
33.3%	33.3% #84727E	RGB 132 114 126	#84727E
50.0%	50.0% #978892	RGB 151 136 146	#978892
66.7%	66.7% #AA9EA6	RGB 170 158 166	#AA9EA6
83.3%	83.3% #BDB4BA	RGB 189 180 186	#BDB4BA
100.0%	100.0% #D1CACF	RGB 209 202 207	#D1CACF

#5E4656 #715C6A #84727E #978892 #AA9EA6 #BDB4BA #D1CACF

#5E4656 - #D1CACF

Mezcla HSV

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

0.0%	0.0% #5E4656	RGB 94 70 86	#5E4656
16.7%	16.7% #715869	RGB 113 88 105	#715869
33.3%	33.3% #846C7C	RGB 132 108 124	#846C7C
50.0%	50.0% #978190	RGB 151 129 144	#978190
66.7%	66.7% #AA98A5	RGB 170 152 165	#AA98A5
83.3%	83.3% #BDB0B9	RGB 189 176 185	#BDB0B9
100.0%	100.0% #D1CACF	RGB 209 202 207	#D1CACF

#5E4656 #715869 #846C7C #978190 #AA98A5 #BDB0B9 #D1CACF

#5E4656 - #978190 - #D1CACF

Códigos CSS

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

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