#29BA3C - #0A3510 | 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 #29BA3C a #0A3510

#29BA3C #0A3510

Calcule el color entre dos colores, #29BA3C y #0A3510. 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)

#29BA3C - #0A3510 | 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 #29BA3C como 0% y #0A3510 como 100%.

0.0%	0.0% #29BA3C	RGB 41 186 60	#29BA3C
16.7%	16.7% #23A334	RGB 35 163 52	#23A334
33.3%	33.3% #1E8D2D	RGB 30 141 45	#1E8D2D
50.0%	50.0% #197726	RGB 25 119 38	#197726
66.7%	66.7% #14611E	RGB 20 97 30	#14611E
83.3%	83.3% #0F4B17	RGB 15 75 23	#0F4B17
100.0%	100.0% #0A3510	RGB 10 53 16	#0A3510

#29BA3C #23A334 #1E8D2D #197726 #14611E #0F4B17 #0A3510

#29BA3C - #0A3510

Mezcla HSV

#29BA3C - #0A3510 | 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 #29BA3C como 0% y #0A3510 como 100%.

0.0%	0.0% #29BA3C	RGB 41 186 60	#29BA3C
16.7%	16.7% #23A334	RGB 35 163 52	#23A334
33.3%	33.3% #1D8D2C	RGB 29 141 44	#1D8D2C
50.0%	50.0% #187725	RGB 24 119 37	#187725
66.7%	66.7% #13611E	RGB 19 97 30	#13611E
83.3%	83.3% #0E4B16	RGB 14 75 22	#0E4B16
100.0%	100.0% #0A3510	RGB 10 53 16	#0A3510

#29BA3C #23A334 #1D8D2C #187725 #13611E #0E4B16 #0A3510

#29BA3C - #187725 - #0A3510

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #29BA3C 0%, #187725 50%, #0A3510 100%);
    background: -webkit-linear-gradient(top, #29BA3C 0%, #187725 50%, #0A3510 100%);
    background: linear-gradient(to bottom, #29BA3C 0%, #187725 50%, #0A3510 100%);
}
</style>