#7F0080 - #DF4294 | 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 #7F0080 a #DF4294

#7F0080 #DF4294

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

#7F0080 - #DF4294 | 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 #7F0080 como 0% y #DF4294 como 100%.

0.0%	0.0% #7F0080	RGB 127 0 128	#7F0080
16.7%	16.7% #8F0B83	RGB 143 11 131	#8F0B83
33.3%	33.3% #9F1686	RGB 159 22 134	#9F1686
50.0%	50.0% #AF218A	RGB 175 33 138	#AF218A
66.7%	66.7% #BF2C8D	RGB 191 44 141	#BF2C8D
83.3%	83.3% #CF3790	RGB 207 55 144	#CF3790
100.0%	100.0% #DF4294	RGB 223 66 148	#DF4294

#7F0080 #8F0B83 #9F1686 #AF218A #BF2C8D #CF3790 #DF4294

#7F0080 - #DF4294

Mezcla HSV

#7F0080 - #DF4294 | 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 #7F0080 como 0% y #DF4294 como 100%.

0.0%	0.0% #7F0080	RGB 127 0 128	#7F0080
16.7%	16.7% #8F0785	RGB 143 7 133	#8F0785
33.3%	33.3% #9F0F89	RGB 159 15 137	#9F0F89
50.0%	50.0% #AF198C	RGB 175 25 140	#AF198C
66.7%	66.7% #BF258E	RGB 191 37 142	#BF258E
83.3%	83.3% #CF3391	RGB 207 51 145	#CF3391
100.0%	100.0% #DF4294	RGB 223 66 148	#DF4294

#7F0080 #8F0785 #9F0F89 #AF198C #BF258E #CF3391 #DF4294

#7F0080 - #AF198C - #DF4294

Códigos CSS

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

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