#2F5E5E - #003A25 | 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 #2F5E5E a #003A25

#2F5E5E #003A25

Calcule el color entre dos colores, #2F5E5E y #003A25. 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)

#2F5E5E - #003A25 | 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 #2F5E5E como 0% y #003A25 como 100%.

0.0%	0.0% #2F5E5E	RGB 47 94 94	#2F5E5E
16.7%	16.7% #275854	RGB 39 88 84	#275854
33.3%	33.3% #1F524B	RGB 31 82 75	#1F524B
50.0%	50.0% #174C41	RGB 23 76 65	#174C41
66.7%	66.7% #0F4638	RGB 15 70 56	#0F4638
83.3%	83.3% #07402E	RGB 7 64 46	#07402E
100.0%	100.0% #003A25	RGB 0 58 37	#003A25

#2F5E5E #275854 #1F524B #174C41 #0F4638 #07402E #003A25

#2F5E5E - #003A25

Mezcla HSV

#2F5E5E - #003A25 | 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 #2F5E5E como 0% y #003A25 como 100%.

0.0%	0.0% #2F5E5E	RGB 47 94 94	#2F5E5E
16.7%	16.7% #245854	RGB 36 88 84	#245854
33.3%	33.3% #1B524B	RGB 27 82 75	#1B524B
50.0%	50.0% #134C41	RGB 19 76 65	#134C41
66.7%	66.7% #0B4637	RGB 11 70 55	#0B4637
83.3%	83.3% #05402E	RGB 5 64 46	#05402E
100.0%	100.0% #003A25	RGB 0 58 37	#003A25

#2F5E5E #245854 #1B524B #134C41 #0B4637 #05402E #003A25

#2F5E5E - #134C41 - #003A25

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F5E5E 0%, #134C41 50%, #003A25 100%);
    background: -webkit-linear-gradient(top, #2F5E5E 0%, #134C41 50%, #003A25 100%);
    background: linear-gradient(to bottom, #2F5E5E 0%, #134C41 50%, #003A25 100%);
}
</style>