#29BA93 - #00855A | 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 #00855A

#29BA93 #00855A

Calcule el color entre dos colores, #29BA93 y #00855A. 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 - #00855A | 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 #00855A como 100%.

0.0%	0.0% #29BA93	RGB 41 186 147	#29BA93
16.7%	16.7% #22B189	RGB 34 177 137	#22B189
33.3%	33.3% #1BA880	RGB 27 168 128	#1BA880
50.0%	50.0% #149F76	RGB 20 159 118	#149F76
66.7%	66.7% #0D966D	RGB 13 150 109	#0D966D
83.3%	83.3% #068D63	RGB 6 141 99	#068D63
100.0%	100.0% #00855A	RGB 0 133 90	#00855A

#29BA93 #22B189 #1BA880 #149F76 #0D966D #068D63 #00855A

#29BA93 - #00855A

Mezcla HSV

#29BA93 - #00855A | 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 #00855A como 100%.

0.0%	0.0% #29BA93	RGB 41 186 147	#29BA93
16.7%	16.7% #20B188	RGB 32 177 136	#20B188
33.3%	33.3% #18A87F	RGB 24 168 127	#18A87F
50.0%	50.0% #119F75	RGB 17 159 117	#119F75
66.7%	66.7% #0B966C	RGB 11 150 108	#0B966C
83.3%	83.3% #058D62	RGB 5 141 98	#058D62
100.0%	100.0% #00855A	RGB 0 133 90	#00855A

#29BA93 #20B188 #18A87F #119F75 #0B966C #058D62 #00855A

#29BA93 - #119F75 - #00855A

Códigos CSS

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

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