#29B58F - #008055 | 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 #29B58F a #008055

#29B58F #008055

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

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

0.0%	0.0% #29B58F	RGB 41 181 143	#29B58F
16.7%	16.7% #22AC85	RGB 34 172 133	#22AC85
33.3%	33.3% #1BA37B	RGB 27 163 123	#1BA37B
50.0%	50.0% #149A72	RGB 20 154 114	#149A72
66.7%	66.7% #0D9168	RGB 13 145 104	#0D9168
83.3%	83.3% #06885E	RGB 6 136 94	#06885E
100.0%	100.0% #008055	RGB 0 128 85	#008055

#29B58F #22AC85 #1BA37B #149A72 #0D9168 #06885E #008055

#29B58F - #008055

Mezcla HSV

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

0.0%	0.0% #29B58F	RGB 41 181 143	#29B58F
16.7%	16.7% #20AC84	RGB 32 172 132	#20AC84
33.3%	33.3% #18A37A	RGB 24 163 122	#18A37A
50.0%	50.0% #119A70	RGB 17 154 112	#119A70
66.7%	66.7% #0A9167	RGB 10 145 103	#0A9167
83.3%	83.3% #05885E	RGB 5 136 94	#05885E
100.0%	100.0% #008055	RGB 0 128 85	#008055

#29B58F #20AC84 #18A37A #119A70 #0A9167 #05885E #008055

#29B58F - #119A70 - #008055

Códigos CSS

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

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