#090616 - #55373F | 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 #090616 a #55373F

#090616 #55373F

Calcule el color entre dos colores, #090616 y #55373F. 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)

#090616 - #55373F | 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 #090616 como 0% y #55373F como 100%.

0.0%	0.0% #090616	RGB 9 6 22	#090616
16.7%	16.7% #150E1C	RGB 21 14 28	#150E1C
33.3%	33.3% #221623	RGB 34 22 35	#221623
50.0%	50.0% #2F1E2A	RGB 47 30 42	#2F1E2A
66.7%	66.7% #3B2631	RGB 59 38 49	#3B2631
83.3%	83.3% #482E38	RGB 72 46 56	#482E38
100.0%	100.0% #55373F	RGB 85 55 63	#55373F

#090616 #150E1C #221623 #2F1E2A #3B2631 #482E38 #55373F

#090616 - #55373F

Mezcla HSV

#090616 - #55373F | 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 #090616 como 0% y #55373F como 100%.

0.0%	0.0% #090616	RGB 9 6 22	#090616
16.7%	16.7% #140A20	RGB 20 10 32	#140A20
33.3%	33.3% #23112B	RGB 35 17 43	#23112B
50.0%	50.0% #341835	RGB 52 24 53	#341835
66.7%	66.7% #402139	RGB 64 33 57	#402139
83.3%	83.3% #4A2B3B	RGB 74 43 59	#4A2B3B
100.0%	100.0% #55373F	RGB 85 55 63	#55373F

#090616 #140A20 #23112B #341835 #402139 #4A2B3B #55373F

#090616 - #341835 - #55373F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #090616 0%, #341835 50%, #55373F 100%);
    background: -webkit-linear-gradient(top, #090616 0%, #341835 50%, #55373F 100%);
    background: linear-gradient(to bottom, #090616 0%, #341835 50%, #55373F 100%);
}
</style>