#29B58F - #D6F49E | 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 #D6F49E

#29B58F #D6F49E

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

0.0%	0.0% #29B58F	RGB 41 181 143	#29B58F
16.7%	16.7% #45BF91	RGB 69 191 145	#45BF91
33.3%	33.3% #62CA94	RGB 98 202 148	#62CA94
50.0%	50.0% #7FD496	RGB 127 212 150	#7FD496
66.7%	66.7% #9CDF99	RGB 156 223 153	#9CDF99
83.3%	83.3% #B9E99B	RGB 185 233 155	#B9E99B
100.0%	100.0% #D6F49E	RGB 214 244 158	#D6F49E

#29B58F #45BF91 #62CA94 #7FD496 #9CDF99 #B9E99B #D6F49E

#29B58F - #D6F49E

Mezcla HSV

#29B58F - #D6F49E | 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 #D6F49E como 100%.

0.0%	0.0% #29B58F	RGB 41 181 143	#29B58F
16.7%	16.7% #38BF7B	RGB 56 191 123	#38BF7B
33.3%	33.3% #4ACA6C	RGB 74 202 108	#4ACA6C
50.0%	50.0% #5CD461	RGB 92 212 97	#5CD461
66.7%	66.7% #86DF71	RGB 134 223 113	#86DF71
83.3%	83.3% #B0E986	RGB 176 233 134	#B0E986
100.0%	100.0% #D6F49E	RGB 214 244 158	#D6F49E

#29B58F #38BF7B #4ACA6C #5CD461 #86DF71 #B0E986 #D6F49E

#29B58F - #5CD461 - #D6F49E

Códigos CSS

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

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