#9A1E5E - #E2BED1 | 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 #9A1E5E a #E2BED1

#9A1E5E #E2BED1

Calcule el color entre dos colores, #9A1E5E y #E2BED1. 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)

#9A1E5E - #E2BED1 | 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 #9A1E5E como 0% y #E2BED1 como 100%.

0.0%	0.0% #9A1E5E	RGB 154 30 94	#9A1E5E
16.7%	16.7% #A63871	RGB 166 56 113	#A63871
33.3%	33.3% #B25384	RGB 178 83 132	#B25384
50.0%	50.0% #BE6E97	RGB 190 110 151	#BE6E97
66.7%	66.7% #CA88AA	RGB 202 136 170	#CA88AA
83.3%	83.3% #D6A3BD	RGB 214 163 189	#D6A3BD
100.0%	100.0% #E2BED1	RGB 226 190 209	#E2BED1

#9A1E5E #A63871 #B25384 #BE6E97 #CA88AA #D6A3BD #E2BED1

#9A1E5E - #E2BED1

Mezcla HSV

#9A1E5E - #E2BED1 | 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 #9A1E5E como 0% y #E2BED1 como 100%.

0.0%	0.0% #9A1E5D	RGB 154 30 93	#9A1E5D
16.7%	16.7% #A6326E	RGB 166 50 110	#A6326E
33.3%	33.3% #B2487F	RGB 178 72 127	#B2487F
50.0%	50.0% #BE6292	RGB 190 98 146	#BE6292
66.7%	66.7% #CA7EA5	RGB 202 126 165	#CA7EA5
83.3%	83.3% #D69CBA	RGB 214 156 186	#D69CBA
100.0%	100.0% #E2BED1	RGB 226 190 209	#E2BED1

#9A1E5D #A6326E #B2487F #BE6292 #CA7EA5 #D69CBA #E2BED1

#9A1E5E - #BE6292 - #E2BED1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A1E5D 0%, #BE6292 50%, #E2BED1 100%);
    background: -webkit-linear-gradient(top, #9A1E5D 0%, #BE6292 50%, #E2BED1 100%);
    background: linear-gradient(to bottom, #9A1E5D 0%, #BE6292 50%, #E2BED1 100%);
}
</style>