#A60032 - #EFA1F7 | 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 #A60032 a #EFA1F7

#A60032 #EFA1F7

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

#A60032 - #EFA1F7 | 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 #A60032 como 0% y #EFA1F7 como 100%.

0.0%	0.0% #A60032	RGB 166 0 50	#A60032
16.7%	16.7% #B21A52	RGB 178 26 82	#B21A52
33.3%	33.3% #BE3573	RGB 190 53 115	#BE3573
50.0%	50.0% #CA5094	RGB 202 80 148	#CA5094
66.7%	66.7% #D66BB5	RGB 214 107 181	#D66BB5
83.3%	83.3% #E286D6	RGB 226 134 214	#E286D6
100.0%	100.0% #EFA1F7	RGB 239 161 247	#EFA1F7

#A60032 #B21A52 #BE3573 #CA5094 #D66BB5 #E286D6 #EFA1F7

#A60032 - #EFA1F7

Mezcla HSV

#A60032 - #EFA1F7 | 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 #A60032 como 0% y #EFA1F7 como 100%.

0.0%	0.0% #A60032	RGB 166 0 50	#A60032
16.7%	16.7% #B31358	RGB 179 19 88	#B31358
33.3%	33.3% #C1297F	RGB 193 41 127	#C1297F
50.0%	50.0% #CE43A4	RGB 206 67 164	#CE43A4
66.7%	66.7% #DC5FC6	RGB 220 95 198	#DC5FC6
83.3%	83.3% #E97EE5	RGB 233 126 229	#E97EE5
100.0%	100.0% #EFA1F7	RGB 239 161 247	#EFA1F7

#A60032 #B31358 #C1297F #CE43A4 #DC5FC6 #E97EE5 #EFA1F7

#A60032 - #CE43A4 - #EFA1F7

Códigos CSS

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

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