#AD1B5E - #31071A | 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 #AD1B5E a #31071A

#AD1B5E #31071A

Calcule el color entre dos colores, #AD1B5E y #31071A. 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)

#AD1B5E - #31071A | 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 #AD1B5E como 0% y #31071A como 100%.

0.0%	0.0% #AD1B5E	RGB 173 27 94	#AD1B5E
16.7%	16.7% #981752	RGB 152 23 82	#981752
33.3%	33.3% #831447	RGB 131 20 71	#831447
50.0%	50.0% #6F113C	RGB 111 17 60	#6F113C
66.7%	66.7% #5A0D30	RGB 90 13 48	#5A0D30
83.3%	83.3% #450A25	RGB 69 10 37	#450A25
100.0%	100.0% #31071A	RGB 49 7 26	#31071A

#AD1B5E #981752 #831447 #6F113C #5A0D30 #450A25 #31071A

#AD1B5E - #31071A

Mezcla HSV

#AD1B5E - #31071A | 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 #AD1B5E como 0% y #31071A como 100%.

0.0%	0.0% #AD1B5E	RGB 173 27 94	#AD1B5E
16.7%	16.7% #981752	RGB 152 23 82	#981752
33.3%	33.3% #831346	RGB 131 19 70	#831346
50.0%	50.0% #6F103B	RGB 111 16 59	#6F103B
66.7%	66.7% #5A0D30	RGB 90 13 48	#5A0D30
83.3%	83.3% #450A25	RGB 69 10 37	#450A25
100.0%	100.0% #31071A	RGB 49 7 26	#31071A

#AD1B5E #981752 #831346 #6F103B #5A0D30 #450A25 #31071A

#AD1B5E - #6F103B - #31071A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD1B5E 0%, #6F103B 50%, #31071A 100%);
    background: -webkit-linear-gradient(top, #AD1B5E 0%, #6F103B 50%, #31071A 100%);
    background: linear-gradient(to bottom, #AD1B5E 0%, #6F103B 50%, #31071A 100%);
}
</style>