#201039 - #080712 | 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 #201039 a #080712

#201039 #080712

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

#201039 - #080712 | 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 #201039 como 0% y #080712 como 100%.

0.0%	0.0% #201039	RGB 32 16 57	#201039
16.7%	16.7% #1C0E32	RGB 28 14 50	#1C0E32
33.3%	33.3% #180D2C	RGB 24 13 44	#180D2C
50.0%	50.0% #140B25	RGB 20 11 37	#140B25
66.7%	66.7% #100A1F	RGB 16 10 31	#100A1F
83.3%	83.3% #0C0818	RGB 12 8 24	#0C0818
100.0%	100.0% #080712	RGB 8 7 18	#080712

#201039 #1C0E32 #180D2C #140B25 #100A1F #0C0818 #080712

#201039 - #080712

Mezcla HSV

#201039 - #080712 | 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 #201039 como 0% y #080712 como 100%.

0.0%	0.0% #201039	RGB 32 16 57	#201039
16.7%	16.7% #1B0F32	RGB 27 15 50	#1B0F32
33.3%	33.3% #160D2C	RGB 22 13 44	#160D2C
50.0%	50.0% #120C25	RGB 18 12 37	#120C25
66.7%	66.7% #0E0A1F	RGB 14 10 31	#0E0A1F
83.3%	83.3% #0B0918	RGB 11 9 24	#0B0918
100.0%	100.0% #080712	RGB 8 7 18	#080712

#201039 #1B0F32 #160D2C #120C25 #0E0A1F #0B0918 #080712

#201039 - #120C25 - #080712

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201039 0%, #120C25 50%, #080712 100%);
    background: -webkit-linear-gradient(top, #201039 0%, #120C25 50%, #080712 100%);
    background: linear-gradient(to bottom, #201039 0%, #120C25 50%, #080712 100%);
}
</style>