#48B4B4 - #008379 | 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 #48B4B4 a #008379

#48B4B4 #008379

Calcule el color entre dos colores, #48B4B4 y #008379. 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)

#48B4B4 - #008379 | 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 #48B4B4 como 0% y #008379 como 100%.

0.0%	0.0% #48B4B4	RGB 72 180 180	#48B4B4
16.7%	16.7% #3CABAA	RGB 60 171 170	#3CABAA
33.3%	33.3% #30A3A0	RGB 48 163 160	#30A3A0
50.0%	50.0% #249B96	RGB 36 155 150	#249B96
66.7%	66.7% #18938C	RGB 24 147 140	#18938C
83.3%	83.3% #0C8B82	RGB 12 139 130	#0C8B82
100.0%	100.0% #008379	RGB 0 131 121	#008379

#48B4B4 #3CABAA #30A3A0 #249B96 #18938C #0C8B82 #008379

#48B4B4 - #008379

Mezcla HSV

#48B4B4 - #008379 | 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 #48B4B4 como 0% y #008379 como 100%.

0.0%	0.0% #48B4B4	RGB 72 180 180	#48B4B4
16.7%	16.7% #39ABAA	RGB 57 171 170	#39ABAA
33.3%	33.3% #2BA3A0	RGB 43 163 160	#2BA3A0
50.0%	50.0% #1F9B96	RGB 31 155 150	#1F9B96
66.7%	66.7% #13938C	RGB 19 147 140	#13938C
83.3%	83.3% #098B82	RGB 9 139 130	#098B82
100.0%	100.0% #008379	RGB 0 131 121	#008379

#48B4B4 #39ABAA #2BA3A0 #1F9B96 #13938C #098B82 #008379

#48B4B4 - #1F9B96 - #008379

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #48B4B4 0%, #1F9B96 50%, #008379 100%);
    background: -webkit-linear-gradient(top, #48B4B4 0%, #1F9B96 50%, #008379 100%);
    background: linear-gradient(to bottom, #48B4B4 0%, #1F9B96 50%, #008379 100%);
}
</style>