#3C3856 - #210711 | 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 #3C3856 a #210711

#3C3856 #210711

Calcule el color entre dos colores, #3C3856 y #210711. 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)

#3C3856 - #210711 | 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 #3C3856 como 0% y #210711 como 100%.

0.0%	0.0% #3C3856	RGB 60 56 86	#3C3856
16.7%	16.7% #372F4A	RGB 55 47 74	#372F4A
33.3%	33.3% #33273F	RGB 51 39 63	#33273F
50.0%	50.0% #2E1F33	RGB 46 31 51	#2E1F33
66.7%	66.7% #2A1728	RGB 42 23 40	#2A1728
83.3%	83.3% #250F1C	RGB 37 15 28	#250F1C
100.0%	100.0% #210711	RGB 33 7 17	#210711

#3C3856 #372F4A #33273F #2E1F33 #2A1728 #250F1C #210711

#3C3856 - #210711

Mezcla HSV

#3C3856 - #210711 | 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 #3C3856 como 0% y #210711 como 100%.

0.0%	0.0% #3C3856	RGB 60 56 86	#3C3856
16.7%	16.7% #382C4D	RGB 56 44 77	#382C4D
33.3%	33.3% #372244	RGB 55 34 68	#372244
50.0%	50.0% #37193B	RGB 55 25 59	#37193B
66.7%	66.7% #32122E	RGB 50 18 46	#32122E
83.3%	83.3% #290B1E	RGB 41 11 30	#290B1E
100.0%	100.0% #210711	RGB 33 7 17	#210711

#3C3856 #382C4D #372244 #37193B #32122E #290B1E #210711

#3C3856 - #37193B - #210711

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3856 0%, #37193B 50%, #210711 100%);
    background: -webkit-linear-gradient(top, #3C3856 0%, #37193B 50%, #210711 100%);
    background: linear-gradient(to bottom, #3C3856 0%, #37193B 50%, #210711 100%);
}
</style>