#7D0000 - #D97EB6 | 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 #7D0000 a #D97EB6

#7D0000 #D97EB6

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

#7D0000 - #D97EB6 | 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 #7D0000 como 0% y #D97EB6 como 100%.

0.0%	0.0% #7D0000	RGB 125 0 0	#7D0000
16.7%	16.7% #8C151E	RGB 140 21 30	#8C151E
33.3%	33.3% #9B2A3C	RGB 155 42 60	#9B2A3C
50.0%	50.0% #AB3F5B	RGB 171 63 91	#AB3F5B
66.7%	66.7% #BA5479	RGB 186 84 121	#BA5479
83.3%	83.3% #C96997	RGB 201 105 151	#C96997
100.0%	100.0% #D97EB6	RGB 217 126 182	#D97EB6

#7D0000 #8C151E #9B2A3C #AB3F5B #BA5479 #C96997 #D97EB6

#7D0000 - #D97EB6

Mezcla HSV

#7D0000 - #D97EB6 | 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 #7D0000 como 0% y #D97EB6 como 100%.

0.0%	0.0% #7D0000	RGB 125 0 0	#7D0000
16.7%	16.7% #8C0D1A	RGB 140 13 26	#8C0D1A
33.3%	33.3% #9B1E37	RGB 155 30 55	#9B1E37
50.0%	50.0% #AB3156	RGB 171 49 86	#AB3156
66.7%	66.7% #BA4876	RGB 186 72 118	#BA4876
83.3%	83.3% #C96196	RGB 201 97 150	#C96196
100.0%	100.0% #D97EB6	RGB 217 126 182	#D97EB6

#7D0000 #8C0D1A #9B1E37 #AB3156 #BA4876 #C96196 #D97EB6

#7D0000 - #AB3156 - #D97EB6

Códigos CSS

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

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