#2F5E4D - #61AB5E | 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 #2F5E4D a #61AB5E

#2F5E4D #61AB5E

Calcule el color entre dos colores, #2F5E4D y #61AB5E. 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)

#2F5E4D - #61AB5E | 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 #2F5E4D como 0% y #61AB5E como 100%.

0.0%	0.0% #2F5E4D	RGB 47 94 77	#2F5E4D
16.7%	16.7% #376A4F	RGB 55 106 79	#376A4F
33.3%	33.3% #3F7752	RGB 63 119 82	#3F7752
50.0%	50.0% #488455	RGB 72 132 85	#488455
66.7%	66.7% #509158	RGB 80 145 88	#509158
83.3%	83.3% #589E5B	RGB 88 158 91	#589E5B
100.0%	100.0% #61AB5E	RGB 97 171 94	#61AB5E

#2F5E4D #376A4F #3F7752 #488455 #509158 #589E5B #61AB5E

#2F5E4D - #61AB5E

Mezcla HSV

#2F5E4D - #61AB5E | 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 #2F5E4D como 0% y #61AB5E como 100%.

0.0%	0.0% #2F5E4D	RGB 47 94 77	#2F5E4D
16.7%	16.7% #366A51	RGB 54 106 81	#366A51
33.3%	33.3% #3D7755	RGB 61 119 85	#3D7755
50.0%	50.0% #458458	RGB 69 132 88	#458458
66.7%	66.7% #4D915A	RGB 77 145 90	#4D915A
83.3%	83.3% #559E5A	RGB 85 158 90	#559E5A
100.0%	100.0% #61AB5E	RGB 97 171 94	#61AB5E

#2F5E4D #366A51 #3D7755 #458458 #4D915A #559E5A #61AB5E

#2F5E4D - #458458 - #61AB5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F5E4D 0%, #458458 50%, #61AB5E 100%);
    background: -webkit-linear-gradient(top, #2F5E4D 0%, #458458 50%, #61AB5E 100%);
    background: linear-gradient(to bottom, #2F5E4D 0%, #458458 50%, #61AB5E 100%);
}
</style>