#AD297B - #5E002E | 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 #AD297B a #5E002E

#AD297B #5E002E

Calcule el color entre dos colores, #AD297B y #5E002E. 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)

#AD297B - #5E002E | 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 #AD297B como 0% y #5E002E como 100%.

0.0%	0.0% #AD297B	RGB 173 41 123	#AD297B
16.7%	16.7% #9F226E	RGB 159 34 110	#9F226E
33.3%	33.3% #921B61	RGB 146 27 97	#921B61
50.0%	50.0% #851454	RGB 133 20 84	#851454
66.7%	66.7% #780D47	RGB 120 13 71	#780D47
83.3%	83.3% #6B063A	RGB 107 6 58	#6B063A
100.0%	100.0% #5E002E	RGB 94 0 46	#5E002E

#AD297B #9F226E #921B61 #851454 #780D47 #6B063A #5E002E

#AD297B - #5E002E

Mezcla HSV

#AD297B - #5E002E | 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 #AD297B como 0% y #5E002E como 100%.

0.0%	0.0% #AD287B	RGB 173 40 123	#AD287B
16.7%	16.7% #9F1F6C	RGB 159 31 108	#9F1F6C
33.3%	33.3% #92175E	RGB 146 23 94	#92175E
50.0%	50.0% #850F51	RGB 133 15 81	#850F51
66.7%	66.7% #780944	RGB 120 9 68	#780944
83.3%	83.3% #6B0438	RGB 107 4 56	#6B0438
100.0%	100.0% #5E002E	RGB 94 0 46	#5E002E

#AD287B #9F1F6C #92175E #850F51 #780944 #6B0438 #5E002E

#AD297B - #850F51 - #5E002E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD287B 0%, #850F51 50%, #5E002E 100%);
    background: -webkit-linear-gradient(top, #AD287B 0%, #850F51 50%, #5E002E 100%);
    background: linear-gradient(to bottom, #AD287B 0%, #850F51 50%, #5E002E 100%);
}
</style>