#098585 - #00573E | 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 #098585 a #00573E

#098585 #00573E

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

#098585 - #00573E | 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 #098585 como 0% y #00573E como 100%.

0.0%	0.0% #098585	RGB 9 133 133	#098585
16.7%	16.7% #077D79	RGB 7 125 121	#077D79
33.3%	33.3% #06756D	RGB 6 117 109	#06756D
50.0%	50.0% #046E61	RGB 4 110 97	#046E61
66.7%	66.7% #036655	RGB 3 102 85	#036655
83.3%	83.3% #015E49	RGB 1 94 73	#015E49
100.0%	100.0% #00573E	RGB 0 87 62	#00573E

#098585 #077D79 #06756D #046E61 #036655 #015E49 #00573E

#098585 - #00573E

Mezcla HSV

#098585 - #00573E | 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 #098585 como 0% y #00573E como 100%.

0.0%	0.0% #088585	RGB 8 133 133	#088585
16.7%	16.7% #077D77	RGB 7 125 119	#077D77
33.3%	33.3% #05756A	RGB 5 117 106	#05756A
50.0%	50.0% #036E5E	RGB 3 110 94	#036E5E
66.7%	66.7% #026653	RGB 2 102 83	#026653
83.3%	83.3% #015E48	RGB 1 94 72	#015E48
100.0%	100.0% #00573E	RGB 0 87 62	#00573E

#088585 #077D77 #05756A #036E5E #026653 #015E48 #00573E

#098585 - #036E5E - #00573E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #088585 0%, #036E5E 50%, #00573E 100%);
    background: -webkit-linear-gradient(top, #088585 0%, #036E5E 50%, #00573E 100%);
    background: linear-gradient(to bottom, #088585 0%, #036E5E 50%, #00573E 100%);
}
</style>