#1C152D - #814F52 | 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 #1C152D a #814F52

#1C152D #814F52

Calcule el color entre dos colores, #1C152D y #814F52. 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)

#1C152D - #814F52 | 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 #1C152D como 0% y #814F52 como 100%.

0.0%	0.0% #1C152D	RGB 28 21 45	#1C152D
16.7%	16.7% #2C1E33	RGB 44 30 51	#2C1E33
33.3%	33.3% #3D2839	RGB 61 40 57	#3D2839
50.0%	50.0% #4E323F	RGB 78 50 63	#4E323F
66.7%	66.7% #5F3B45	RGB 95 59 69	#5F3B45
83.3%	83.3% #70454B	RGB 112 69 75	#70454B
100.0%	100.0% #814F52	RGB 129 79 82	#814F52

#1C152D #2C1E33 #3D2839 #4E323F #5F3B45 #70454B #814F52

#1C152D - #814F52

Mezcla HSV

#1C152D - #814F52 | 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 #1C152D como 0% y #814F52 como 100%.

0.0%	0.0% #1C152D	RGB 28 21 45	#1C152D
16.7%	16.7% #2D1C3B	RGB 45 28 59	#2D1C3B
33.3%	33.3% #432549	RGB 67 37 73	#432549
50.0%	50.0% #572E52	RGB 87 46 82	#572E52
66.7%	66.7% #653853	RGB 101 56 83	#653853
83.3%	83.3% #734353	RGB 115 67 83	#734353
100.0%	100.0% #814F52	RGB 129 79 82	#814F52

#1C152D #2D1C3B #432549 #572E52 #653853 #734353 #814F52

#1C152D - #572E52 - #814F52

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1C152D 0%, #572E52 50%, #814F52 100%);
    background: -webkit-linear-gradient(top, #1C152D 0%, #572E52 50%, #814F52 100%);
    background: linear-gradient(to bottom, #1C152D 0%, #572E52 50%, #814F52 100%);
}
</style>