#80004D - #DAB6CC | 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 #80004D a #DAB6CC

#80004D #DAB6CC

Calcule el color entre dos colores, #80004D y #DAB6CC. 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)

#80004D - #DAB6CC | 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 #80004D como 0% y #DAB6CC como 100%.

0.0%	0.0% #80004D	RGB 128 0 77	#80004D
16.7%	16.7% #8F1E62	RGB 143 30 98	#8F1E62
33.3%	33.3% #9E3C77	RGB 158 60 119	#9E3C77
50.0%	50.0% #AD5B8C	RGB 173 91 140	#AD5B8C
66.7%	66.7% #BC79A1	RGB 188 121 161	#BC79A1
83.3%	83.3% #CB97B6	RGB 203 151 182	#CB97B6
100.0%	100.0% #DAB6CC	RGB 218 182 204	#DAB6CC

#80004D #8F1E62 #9E3C77 #AD5B8C #BC79A1 #CB97B6 #DAB6CC

#80004D - #DAB6CC

Mezcla HSV

#80004D - #DAB6CC | 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 #80004D como 0% y #DAB6CC como 100%.

0.0%	0.0% #80004D	RGB 128 0 77	#80004D
16.7%	16.7% #8F135E	RGB 143 19 94	#8F135E
33.3%	33.3% #9E2B70	RGB 158 43 112	#9E2B70
50.0%	50.0% #AD4885	RGB 173 72 133	#AD4885
66.7%	66.7% #BC689B	RGB 188 104 155	#BC689B
83.3%	83.3% #CB8DB2	RGB 203 141 178	#CB8DB2
100.0%	100.0% #DAB6CC	RGB 218 182 204	#DAB6CC

#80004D #8F135E #9E2B70 #AD4885 #BC689B #CB8DB2 #DAB6CC

#80004D - #AD4885 - #DAB6CC

Códigos CSS

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

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