#20181C - #210007 | 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 #20181C a #210007

#20181C #210007

Calcule el color entre dos colores, #20181C y #210007. 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)

#20181C - #210007 | 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 #20181C como 0% y #210007 como 100%.

0.0%	0.0% #20181C	RGB 32 24 28	#20181C
16.7%	16.7% #201418	RGB 32 20 24	#201418
33.3%	33.3% #201015	RGB 32 16 21	#201015
50.0%	50.0% #200C11	RGB 32 12 17	#200C11
66.7%	66.7% #20080E	RGB 32 8 14	#20080E
83.3%	83.3% #20040A	RGB 32 4 10	#20040A
100.0%	100.0% #210007	RGB 33 0 7	#210007

#20181C #201418 #201015 #200C11 #20080E #20040A #210007

#20181C - #210007

Mezcla HSV

#20181C - #210007 | 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 #20181C como 0% y #210007 como 100%.

0.0%	0.0% #20181C	RGB 32 24 28	#20181C
16.7%	16.7% #201419	RGB 32 20 25	#201419
33.3%	33.3% #201016	RGB 32 16 22	#201016
50.0%	50.0% #200C13	RGB 32 12 19	#200C13
66.7%	66.7% #20080F	RGB 32 8 15	#20080F
83.3%	83.3% #20040B	RGB 32 4 11	#20040B
100.0%	100.0% #210007	RGB 33 0 7	#210007

#20181C #201419 #201016 #200C13 #20080F #20040B #210007

#20181C - #200C13 - #210007

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #20181C 0%, #200C13 50%, #210007 100%);
    background: -webkit-linear-gradient(top, #20181C 0%, #200C13 50%, #210007 100%);
    background: linear-gradient(to bottom, #20181C 0%, #200C13 50%, #210007 100%);
}
</style>