#1D0F3C - #3C3D84 | 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 #1D0F3C a #3C3D84

#1D0F3C #3C3D84

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

#1D0F3C - #3C3D84 | 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 #1D0F3C como 0% y #3C3D84 como 100%.

0.0%	0.0% #1D0F3C	RGB 29 15 60	#1D0F3C
16.7%	16.7% #221648	RGB 34 22 72	#221648
33.3%	33.3% #271E54	RGB 39 30 84	#271E54
50.0%	50.0% #2C2660	RGB 44 38 96	#2C2660
66.7%	66.7% #312D6C	RGB 49 45 108	#312D6C
83.3%	83.3% #363578	RGB 54 53 120	#363578
100.0%	100.0% #3C3D84	RGB 60 61 132	#3C3D84

#1D0F3C #221648 #271E54 #2C2660 #312D6C #363578 #3C3D84

#1D0F3C - #3C3D84

Mezcla HSV

#1D0F3C - #3C3D84 | 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 #1D0F3C como 0% y #3C3D84 como 100%.

0.0%	0.0% #1C0F3C	RGB 28 15 60	#1C0F3C
16.7%	16.7% #211448	RGB 33 20 72	#211448
33.3%	33.3% #261A54	RGB 38 26 84	#261A54
50.0%	50.0% #2B2160	RGB 43 33 96	#2B2160
66.7%	66.7% #2F296C	RGB 47 41 108	#2F296C
83.3%	83.3% #353278	RGB 53 50 120	#353278
100.0%	100.0% #3C3D84	RGB 60 61 132	#3C3D84

#1C0F3C #211448 #261A54 #2B2160 #2F296C #353278 #3C3D84

#1D0F3C - #2B2160 - #3C3D84

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1C0F3C 0%, #2B2160 50%, #3C3D84 100%);
    background: -webkit-linear-gradient(top, #1C0F3C 0%, #2B2160 50%, #3C3D84 100%);
    background: linear-gradient(to bottom, #1C0F3C 0%, #2B2160 50%, #3C3D84 100%);
}
</style>