#7E3F6F - #E18F94 | 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 #7E3F6F a #E18F94

#7E3F6F #E18F94

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

#7E3F6F - #E18F94 | 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 #7E3F6F como 0% y #E18F94 como 100%.

0.0%	0.0% #7E3F6F	RGB 126 63 111	#7E3F6F
16.7%	16.7% #8E4C75	RGB 142 76 117	#8E4C75
33.3%	33.3% #9F597B	RGB 159 89 123	#9F597B
50.0%	50.0% #AF6781	RGB 175 103 129	#AF6781
66.7%	66.7% #C07487	RGB 192 116 135	#C07487
83.3%	83.3% #D0818D	RGB 208 129 141	#D0818D
100.0%	100.0% #E18F94	RGB 225 143 148	#E18F94

#7E3F6F #8E4C75 #9F597B #AF6781 #C07487 #D0818D #E18F94

#7E3F6F - #E18F94

Mezcla HSV

#7E3F6F - #E18F94 | 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 #7E3F6F como 0% y #E18F94 como 100%.

0.0%	0.0% #7E3F6F	RGB 126 63 111	#7E3F6F
16.7%	16.7% #8E4A76	RGB 142 74 118	#8E4A76
33.3%	33.3% #9F567C	RGB 159 86 124	#9F567C
50.0%	50.0% #AF6382	RGB 175 99 130	#AF6382
66.7%	66.7% #C07188	RGB 192 113 136	#C07188
83.3%	83.3% #D07F8E	RGB 208 127 142	#D07F8E
100.0%	100.0% #E18F94	RGB 225 143 148	#E18F94

#7E3F6F #8E4A76 #9F567C #AF6382 #C07188 #D07F8E #E18F94

#7E3F6F - #AF6382 - #E18F94

Códigos CSS

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

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