#2D5E30 - #02450C | 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 #2D5E30 a #02450C

#2D5E30 #02450C

Calcule el color entre dos colores, #2D5E30 y #02450C. 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)

#2D5E30 - #02450C | 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 #2D5E30 como 0% y #02450C como 100%.

0.0%	0.0% #2D5E30	RGB 45 94 48	#2D5E30
16.7%	16.7% #25592A	RGB 37 89 42	#25592A
33.3%	33.3% #1E5524	RGB 30 85 36	#1E5524
50.0%	50.0% #17511E	RGB 23 81 30	#17511E
66.7%	66.7% #104D18	RGB 16 77 24	#104D18
83.3%	83.3% #094912	RGB 9 73 18	#094912
100.0%	100.0% #02450C	RGB 2 69 12	#02450C

#2D5E30 #25592A #1E5524 #17511E #104D18 #094912 #02450C

#2D5E30 - #02450C

Mezcla HSV

#2D5E30 - #02450C | 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 #2D5E30 como 0% y #02450C como 100%.

0.0%	0.0% #2D5E30	RGB 45 94 48	#2D5E30
16.7%	16.7% #245928	RGB 36 89 40	#245928
33.3%	33.3% #1C5521	RGB 28 85 33	#1C5521
50.0%	50.0% #14511B	RGB 20 81 27	#14511B
66.7%	66.7% #0D4D15	RGB 13 77 21	#0D4D15
83.3%	83.3% #074910	RGB 7 73 16	#074910
100.0%	100.0% #02450C	RGB 2 69 12	#02450C

#2D5E30 #245928 #1C5521 #14511B #0D4D15 #074910 #02450C

#2D5E30 - #14511B - #02450C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D5E30 0%, #14511B 50%, #02450C 100%);
    background: -webkit-linear-gradient(top, #2D5E30 0%, #14511B 50%, #02450C 100%);
    background: linear-gradient(to bottom, #2D5E30 0%, #14511B 50%, #02450C 100%);
}
</style>