#30D9AB - #0D3E30 | 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 #30D9AB a #0D3E30

#30D9AB #0D3E30

Calcule el color entre dos colores, #30D9AB y #0D3E30. 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)

#30D9AB - #0D3E30 | 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 #30D9AB como 0% y #0D3E30 como 100%.

0.0%	0.0% #30D9AB	RGB 48 217 171	#30D9AB
16.7%	16.7% #2ABF96	RGB 42 191 150	#2ABF96
33.3%	33.3% #24A582	RGB 36 165 130	#24A582
50.0%	50.0% #1E8B6D	RGB 30 139 109	#1E8B6D
66.7%	66.7% #187159	RGB 24 113 89	#187159
83.3%	83.3% #125744	RGB 18 87 68	#125744
100.0%	100.0% #0D3E30	RGB 13 62 48	#0D3E30

#30D9AB #2ABF96 #24A582 #1E8B6D #187159 #125744 #0D3E30

#30D9AB - #0D3E30

Mezcla HSV

#30D9AB - #0D3E30 | 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 #30D9AB como 0% y #0D3E30 como 100%.

0.0%	0.0% #30D9AB	RGB 48 217 171	#30D9AB
16.7%	16.7% #29BF96	RGB 41 191 150	#29BF96
33.3%	33.3% #23A581	RGB 35 165 129	#23A581
50.0%	50.0% #1E8B6C	RGB 30 139 108	#1E8B6C
66.7%	66.7% #187158	RGB 24 113 88	#187158
83.3%	83.3% #125744	RGB 18 87 68	#125744
100.0%	100.0% #0D3E30	RGB 13 62 48	#0D3E30

#30D9AB #29BF96 #23A581 #1E8B6C #187158 #125744 #0D3E30

#30D9AB - #1E8B6C - #0D3E30

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #30D9AB 0%, #1E8B6C 50%, #0D3E30 100%);
    background: -webkit-linear-gradient(top, #30D9AB 0%, #1E8B6C 50%, #0D3E30 100%);
    background: linear-gradient(to bottom, #30D9AB 0%, #1E8B6C 50%, #0D3E30 100%);
}
</style>