#2FD4A2 - #0D3C2E | 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 #2FD4A2 a #0D3C2E

#2FD4A2 #0D3C2E

Calcule el color entre dos colores, #2FD4A2 y #0D3C2E. 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)

#2FD4A2 - #0D3C2E | 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 #2FD4A2 como 0% y #0D3C2E como 100%.

0.0%	0.0% #2FD4A2	RGB 47 212 162	#2FD4A2
16.7%	16.7% #29BA8E	RGB 41 186 142	#29BA8E
33.3%	33.3% #23A17B	RGB 35 161 123	#23A17B
50.0%	50.0% #1E8868	RGB 30 136 104	#1E8868
66.7%	66.7% #186E54	RGB 24 110 84	#186E54
83.3%	83.3% #125541	RGB 18 85 65	#125541
100.0%	100.0% #0D3C2E	RGB 13 60 46	#0D3C2E

#2FD4A2 #29BA8E #23A17B #1E8868 #186E54 #125541 #0D3C2E

#2FD4A2 - #0D3C2E

Mezcla HSV

#2FD4A2 - #0D3C2E | 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 #2FD4A2 como 0% y #0D3C2E como 100%.

0.0%	0.0% #2FD4A1	RGB 47 212 161	#2FD4A1
16.7%	16.7% #29BA8E	RGB 41 186 142	#29BA8E
33.3%	33.3% #23A17B	RGB 35 161 123	#23A17B
50.0%	50.0% #1D8868	RGB 29 136 104	#1D8868
66.7%	66.7% #186E54	RGB 24 110 84	#186E54
83.3%	83.3% #125541	RGB 18 85 65	#125541
100.0%	100.0% #0D3C2E	RGB 13 60 46	#0D3C2E

#2FD4A1 #29BA8E #23A17B #1D8868 #186E54 #125541 #0D3C2E

#2FD4A2 - #1D8868 - #0D3C2E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2FD4A1 0%, #1D8868 50%, #0D3C2E 100%);
    background: -webkit-linear-gradient(top, #2FD4A1 0%, #1D8868 50%, #0D3C2E 100%);
    background: linear-gradient(to bottom, #2FD4A1 0%, #1D8868 50%, #0D3C2E 100%);
}
</style>