#29BA93 - #0B352A | 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 #29BA93 a #0B352A

#29BA93 #0B352A

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

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

0.0%	0.0% #29BA93	RGB 41 186 147	#29BA93
16.7%	16.7% #24A381	RGB 36 163 129	#24A381
33.3%	33.3% #1F8D70	RGB 31 141 112	#1F8D70
50.0%	50.0% #1A775E	RGB 26 119 94	#1A775E
66.7%	66.7% #15614D	RGB 21 97 77	#15614D
83.3%	83.3% #104B3B	RGB 16 75 59	#104B3B
100.0%	100.0% #0B352A	RGB 11 53 42	#0B352A

#29BA93 #24A381 #1F8D70 #1A775E #15614D #104B3B #0B352A

#29BA93 - #0B352A

Mezcla HSV

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

0.0%	0.0% #29BA93	RGB 41 186 147	#29BA93
16.7%	16.7% #23A381	RGB 35 163 129	#23A381
33.3%	33.3% #1E8D70	RGB 30 141 112	#1E8D70
50.0%	50.0% #19775E	RGB 25 119 94	#19775E
66.7%	66.7% #14614D	RGB 20 97 77	#14614D
83.3%	83.3% #0F4B3B	RGB 15 75 59	#0F4B3B
100.0%	100.0% #0B352A	RGB 11 53 42	#0B352A

#29BA93 #23A381 #1E8D70 #19775E #14614D #0F4B3B #0B352A

#29BA93 - #19775E - #0B352A

Códigos CSS

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

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