#148181 - #8DD39E | 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 #148181 a #8DD39E

#148181 #8DD39E

Calcule el color entre dos colores, #148181 y #8DD39E. 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)

#148181 - #8DD39E | 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 #148181 como 0% y #8DD39E como 100%.

0.0%	0.0% #148181	RGB 20 129 129	#148181
16.7%	16.7% #288E85	RGB 40 142 133	#288E85
33.3%	33.3% #3C9C8A	RGB 60 156 138	#3C9C8A
50.0%	50.0% #50AA8F	RGB 80 170 143	#50AA8F
66.7%	66.7% #64B794	RGB 100 183 148	#64B794
83.3%	83.3% #78C599	RGB 120 197 153	#78C599
100.0%	100.0% #8DD39E	RGB 141 211 158	#8DD39E

#148181 #288E85 #3C9C8A #50AA8F #64B794 #78C599 #8DD39E

#148181 - #8DD39E

Mezcla HSV

#148181 - #8DD39E | 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 #148181 como 0% y #8DD39E como 100%.

0.0%	0.0% #148181	RGB 20 129 129	#148181
16.7%	16.7% #228E80	RGB 34 142 128	#228E80
33.3%	33.3% #329C81	RGB 50 156 129	#329C81
50.0%	50.0% #45AA84	RGB 69 170 132	#45AA84
66.7%	66.7% #5BB789	RGB 91 183 137	#5BB789
83.3%	83.3% #72C591	RGB 114 197 145	#72C591
100.0%	100.0% #8DD39E	RGB 141 211 158	#8DD39E

#148181 #228E80 #329C81 #45AA84 #5BB789 #72C591 #8DD39E

#148181 - #45AA84 - #8DD39E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #148181 0%, #45AA84 50%, #8DD39E 100%);
    background: -webkit-linear-gradient(top, #148181 0%, #45AA84 50%, #8DD39E 100%);
    background: linear-gradient(to bottom, #148181 0%, #45AA84 50%, #8DD39E 100%);
}
</style>