#2C5E5E - #003A26 | 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 #2C5E5E a #003A26

#2C5E5E #003A26

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

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

0.0%	0.0% #2C5E5E	RGB 44 94 94	#2C5E5E
16.7%	16.7% #245854	RGB 36 88 84	#245854
33.3%	33.3% #1D524B	RGB 29 82 75	#1D524B
50.0%	50.0% #164C42	RGB 22 76 66	#164C42
66.7%	66.7% #0E4638	RGB 14 70 56	#0E4638
83.3%	83.3% #07402F	RGB 7 64 47	#07402F
100.0%	100.0% #003A26	RGB 0 58 38	#003A26

#2C5E5E #245854 #1D524B #164C42 #0E4638 #07402F #003A26

#2C5E5E - #003A26

Mezcla HSV

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

0.0%	0.0% #2C5E5E	RGB 44 94 94	#2C5E5E
16.7%	16.7% #225854	RGB 34 88 84	#225854
33.3%	33.3% #19524B	RGB 25 82 75	#19524B
50.0%	50.0% #114C41	RGB 17 76 65	#114C41
66.7%	66.7% #0A4638	RGB 10 70 56	#0A4638
83.3%	83.3% #04402F	RGB 4 64 47	#04402F
100.0%	100.0% #003A26	RGB 0 58 38	#003A26

#2C5E5E #225854 #19524B #114C41 #0A4638 #04402F #003A26

#2C5E5E - #114C41 - #003A26

Códigos CSS

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

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