#5E4E3E - #AD638C | 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 #5E4E3E a #AD638C

#5E4E3E #AD638C

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

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

0.0%	0.0% #5E4E3E	RGB 94 78 62	#5E4E3E
16.7%	16.7% #6B514B	RGB 107 81 75	#6B514B
33.3%	33.3% #785558	RGB 120 85 88	#785558
50.0%	50.0% #855865	RGB 133 88 101	#855865
66.7%	66.7% #925C72	RGB 146 92 114	#925C72
83.3%	83.3% #9F5F7F	RGB 159 95 127	#9F5F7F
100.0%	100.0% #AD638C	RGB 173 99 140	#AD638C

#5E4E3E #6B514B #785558 #855865 #925C72 #9F5F7F #AD638C

#5E4E3E - #AD638C

Mezcla HSV

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

0.0%	0.0% #5E4E3E	RGB 94 78 62	#5E4E3E
16.7%	16.7% #6B5145	RGB 107 81 69	#6B5145
33.3%	33.3% #78524B	RGB 120 82 75	#78524B
50.0%	50.0% #855253	RGB 133 82 83	#855253
66.7%	66.7% #925864	RGB 146 88 100	#925864
83.3%	83.3% #9F5D76	RGB 159 93 118	#9F5D76
100.0%	100.0% #AD638C	RGB 173 99 140	#AD638C

#5E4E3E #6B5145 #78524B #855253 #925864 #9F5D76 #AD638C

#5E4E3E - #855253 - #AD638C

Códigos CSS

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

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