#390F3C - #000909 | 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 #390F3C a #000909

#390F3C #000909

Calcule el color entre dos colores, #390F3C y #000909. 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)

#390F3C - #000909 | 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 #390F3C como 0% y #000909 como 100%.

0.0%	0.0% #390F3C	RGB 57 15 60	#390F3C
16.7%	16.7% #2F0E33	RGB 47 14 51	#2F0E33
33.3%	33.3% #260D2B	RGB 38 13 43	#260D2B
50.0%	50.0% #1C0C22	RGB 28 12 34	#1C0C22
66.7%	66.7% #130B1A	RGB 19 11 26	#130B1A
83.3%	83.3% #090A11	RGB 9 10 17	#090A11
100.0%	100.0% #000909	RGB 0 9 9	#000909

#390F3C #2F0E33 #260D2B #1C0C22 #130B1A #090A11 #000909

#390F3C - #000909

Mezcla HSV

#390F3C - #000909 | 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 #390F3C como 0% y #000909 como 100%.

0.0%	0.0% #390F3C	RGB 57 15 60	#390F3C
16.7%	16.7% #230A33	RGB 35 10 51	#230A33
33.3%	33.3% #11072B	RGB 17 7 43	#11072B
50.0%	50.0% #040522	RGB 4 5 34	#040522
66.7%	66.7% #020A1A	RGB 2 10 26	#020A1A
83.3%	83.3% #000C11	RGB 0 12 17	#000C11
100.0%	100.0% #000909	RGB 0 9 9	#000909

#390F3C #230A33 #11072B #040522 #020A1A #000C11 #000909

#390F3C - #040522 - #000909

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #390F3C 0%, #040522 50%, #000909 100%);
    background: -webkit-linear-gradient(top, #390F3C 0%, #040522 50%, #000909 100%);
    background: linear-gradient(to bottom, #390F3C 0%, #040522 50%, #000909 100%);
}
</style>