#502442 - #160A12 | 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 #502442 a #160A12

#502442 #160A12

Calcule el color entre dos colores, #502442 y #160A12. 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)

#502442 - #160A12 | 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 #502442 como 0% y #160A12 como 100%.

0.0%	0.0% #502442	RGB 80 36 66	#502442
16.7%	16.7% #461F3A	RGB 70 31 58	#461F3A
33.3%	33.3% #3C1B32	RGB 60 27 50	#3C1B32
50.0%	50.0% #33172A	RGB 51 23 42	#33172A
66.7%	66.7% #291222	RGB 41 18 34	#291222
83.3%	83.3% #1F0E1A	RGB 31 14 26	#1F0E1A
100.0%	100.0% #160A12	RGB 22 10 18	#160A12

#502442 #461F3A #3C1B32 #33172A #291222 #1F0E1A #160A12

#502442 - #160A12

Mezcla HSV

#502442 - #160A12 | 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 #502442 como 0% y #160A12 como 100%.

0.0%	0.0% #502442	RGB 80 36 66	#502442
16.7%	16.7% #461F39	RGB 70 31 57	#461F39
33.3%	33.3% #3C1B31	RGB 60 27 49	#3C1B31
50.0%	50.0% #331729	RGB 51 23 41	#331729
66.7%	66.7% #291221	RGB 41 18 33	#291221
83.3%	83.3% #1F0E19	RGB 31 14 25	#1F0E19
100.0%	100.0% #160A12	RGB 22 10 18	#160A12

#502442 #461F39 #3C1B31 #331729 #291221 #1F0E19 #160A12

#502442 - #331729 - #160A12

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #502442 0%, #331729 50%, #160A12 100%);
    background: -webkit-linear-gradient(top, #502442 0%, #331729 50%, #160A12 100%);
    background: linear-gradient(to bottom, #502442 0%, #331729 50%, #160A12 100%);
}
</style>