#005858 - #56B188 | 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 #005858 a #56B188

#005858 #56B188

Calcule el color entre dos colores, #005858 y #56B188. 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)

#005858 - #56B188 | 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 #005858 como 0% y #56B188 como 100%.

0.0%	0.0% #005858	RGB 0 88 88	#005858
16.7%	16.7% #0E6660	RGB 14 102 96	#0E6660
33.3%	33.3% #1C7568	RGB 28 117 104	#1C7568
50.0%	50.0% #2B8470	RGB 43 132 112	#2B8470
66.7%	66.7% #399378	RGB 57 147 120	#399378
83.3%	83.3% #47A280	RGB 71 162 128	#47A280
100.0%	100.0% #56B188	RGB 86 177 136	#56B188

#005858 #0E6660 #1C7568 #2B8470 #399378 #47A280 #56B188

#005858 - #56B188

Mezcla HSV

#005858 - #56B188 | 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 #005858 como 0% y #56B188 como 100%.

0.0%	0.0% #005858	RGB 0 88 88	#005858
16.7%	16.7% #08665F	RGB 8 102 95	#08665F
33.3%	33.3% #137566	RGB 19 117 102	#137566
50.0%	50.0% #20846D	RGB 32 132 109	#20846D
66.7%	66.7% #2F9375	RGB 47 147 117	#2F9375
83.3%	83.3% #41A27D	RGB 65 162 125	#41A27D
100.0%	100.0% #56B188	RGB 86 177 136	#56B188

#005858 #08665F #137566 #20846D #2F9375 #41A27D #56B188

#005858 - #20846D - #56B188

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #005858 0%, #20846D 50%, #56B188 100%);
    background: -webkit-linear-gradient(top, #005858 0%, #20846D 50%, #56B188 100%);
    background: linear-gradient(to bottom, #005858 0%, #20846D 50%, #56B188 100%);
}
</style>