#7E5E6B - #EDA989 | 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 #7E5E6B a #EDA989

#7E5E6B #EDA989

Calcule el color entre dos colores, #7E5E6B y #EDA989. 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)

#7E5E6B - #EDA989 | 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 #7E5E6B como 0% y #EDA989 como 100%.

0.0%	0.0% #7E5E6B	RGB 126 94 107	#7E5E6B
16.7%	16.7% #906A70	RGB 144 106 112	#906A70
33.3%	33.3% #A37775	RGB 163 119 117	#A37775
50.0%	50.0% #B5837A	RGB 181 131 122	#B5837A
66.7%	66.7% #C8907F	RGB 200 144 127	#C8907F
83.3%	83.3% #DA9C84	RGB 218 156 132	#DA9C84
100.0%	100.0% #EDA989	RGB 237 169 137	#EDA989

#7E5E6B #906A70 #A37775 #B5837A #C8907F #DA9C84 #EDA989

#7E5E6B - #EDA989

Mezcla HSV

#7E5E6B - #EDA989 | 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 #7E5E6B como 0% y #EDA989 como 100%.

0.0%	0.0% #7E5E6B	RGB 126 94 107	#7E5E6B
16.7%	16.7% #906773	RGB 144 103 115	#906773
33.3%	33.3% #A37078	RGB 163 112 120	#A37078
50.0%	50.0% #B5787A	RGB 181 120 122	#B5787A
66.7%	66.7% #C8847E	RGB 200 132 126	#C8847E
83.3%	83.3% #DA9584	RGB 218 149 132	#DA9584
100.0%	100.0% #EDA989	RGB 237 169 137	#EDA989

#7E5E6B #906773 #A37078 #B5787A #C8847E #DA9584 #EDA989

#7E5E6B - #B5787A - #EDA989

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E5E6B 0%, #B5787A 50%, #EDA989 100%);
    background: -webkit-linear-gradient(top, #7E5E6B 0%, #B5787A 50%, #EDA989 100%);
    background: linear-gradient(to bottom, #7E5E6B 0%, #B5787A 50%, #EDA989 100%);
}
</style>