#155D4A - #02321E | 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 #155D4A a #02321E

#155D4A #02321E

Calcule el color entre dos colores, #155D4A y #02321E. 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)

#155D4A - #02321E | 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 #155D4A como 0% y #02321E como 100%.

0.0%	0.0% #155D4A	RGB 21 93 74	#155D4A
16.7%	16.7% #115542	RGB 17 85 66	#115542
33.3%	33.3% #0E4E3B	RGB 14 78 59	#0E4E3B
50.0%	50.0% #0B4734	RGB 11 71 52	#0B4734
66.7%	66.7% #08402C	RGB 8 64 44	#08402C
83.3%	83.3% #053925	RGB 5 57 37	#053925
100.0%	100.0% #02321E	RGB 2 50 30	#02321E

#155D4A #115542 #0E4E3B #0B4734 #08402C #053925 #02321E

#155D4A - #02321E

Mezcla HSV

#155D4A - #02321E | 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 #155D4A como 0% y #02321E como 100%.

0.0%	0.0% #155D49	RGB 21 93 73	#155D49
16.7%	16.7% #105541	RGB 16 85 65	#105541
33.3%	33.3% #0C4E39	RGB 12 78 57	#0C4E39
50.0%	50.0% #094732	RGB 9 71 50	#094732
66.7%	66.7% #06402B	RGB 6 64 43	#06402B
83.3%	83.3% #043924	RGB 4 57 36	#043924
100.0%	100.0% #02321E	RGB 2 50 30	#02321E

#155D49 #105541 #0C4E39 #094732 #06402B #043924 #02321E

#155D4A - #094732 - #02321E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #155D49 0%, #094732 50%, #02321E 100%);
    background: -webkit-linear-gradient(top, #155D49 0%, #094732 50%, #02321E 100%);
    background: linear-gradient(to bottom, #155D49 0%, #094732 50%, #02321E 100%);
}
</style>