#5E3E59 - #D1C7D0 | 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 #5E3E59 a #D1C7D0

#5E3E59 #D1C7D0

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

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

0.0%	0.0% #5E3E59	RGB 94 62 89	#5E3E59
16.7%	16.7% #71546C	RGB 113 84 108	#71546C
33.3%	33.3% #846B80	RGB 132 107 128	#846B80
50.0%	50.0% #978294	RGB 151 130 148	#978294
66.7%	66.7% #AA99A8	RGB 170 153 168	#AA99A8
83.3%	83.3% #BDB0BC	RGB 189 176 188	#BDB0BC
100.0%	100.0% #D1C7D0	RGB 209 199 208	#D1C7D0

#5E3E59 #71546C #846B80 #978294 #AA99A8 #BDB0BC #D1C7D0

#5E3E59 - #D1C7D0

Mezcla HSV

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

0.0%	0.0% #5E3E59	RGB 94 62 89	#5E3E59
16.7%	16.7% #71506C	RGB 113 80 108	#71506C
33.3%	33.3% #84647F	RGB 132 100 127	#84647F
50.0%	50.0% #977A93	RGB 151 122 147	#977A93
66.7%	66.7% #AA91A7	RGB 170 145 167	#AA91A7
83.3%	83.3% #BDABBB	RGB 189 171 187	#BDABBB
100.0%	100.0% #D1C7D0	RGB 209 199 208	#D1C7D0

#5E3E59 #71506C #84647F #977A93 #AA91A7 #BDABBB #D1C7D0

#5E3E59 - #977A93 - #D1C7D0

Códigos CSS

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

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