#22182C - #09060C | 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 #22182C a #09060C

#22182C #09060C

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

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

0.0%	0.0% #22182C	RGB 34 24 44	#22182C
16.7%	16.7% #1D1526	RGB 29 21 38	#1D1526
33.3%	33.3% #191221	RGB 25 18 33	#191221
50.0%	50.0% #150F1C	RGB 21 15 28	#150F1C
66.7%	66.7% #110C16	RGB 17 12 22	#110C16
83.3%	83.3% #0D0911	RGB 13 9 17	#0D0911
100.0%	100.0% #09060C	RGB 9 6 12	#09060C

#22182C #1D1526 #191221 #150F1C #110C16 #0D0911 #09060C

#22182C - #09060C

Mezcla HSV

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

0.0%	0.0% #22182C	RGB 34 24 44	#22182C
16.7%	16.7% #1D1426	RGB 29 20 38	#1D1426
33.3%	33.3% #191121	RGB 25 17 33	#191121
50.0%	50.0% #150E1C	RGB 21 14 28	#150E1C
66.7%	66.7% #110B16	RGB 17 11 22	#110B16
83.3%	83.3% #0D0811	RGB 13 8 17	#0D0811
100.0%	100.0% #09060C	RGB 9 6 12	#09060C

#22182C #1D1426 #191121 #150E1C #110B16 #0D0811 #09060C

#22182C - #150E1C - #09060C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #22182C 0%, #150E1C 50%, #09060C 100%);
    background: -webkit-linear-gradient(top, #22182C 0%, #150E1C 50%, #09060C 100%);
    background: linear-gradient(to bottom, #22182C 0%, #150E1C 50%, #09060C 100%);
}
</style>