#58C58A - #F2EF99 | 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 #58C58A a #F2EF99

#58C58A #F2EF99

Calcule el color entre dos colores, #58C58A y #F2EF99. 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)

#58C58A - #F2EF99 | 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 #58C58A como 0% y #F2EF99 como 100%.

0.0%	0.0% #58C58A	RGB 88 197 138	#58C58A
16.7%	16.7% #71CC8C	RGB 113 204 140	#71CC8C
33.3%	33.3% #8BD38F	RGB 139 211 143	#8BD38F
50.0%	50.0% #A5DA91	RGB 165 218 145	#A5DA91
66.7%	66.7% #BEE194	RGB 190 225 148	#BEE194
83.3%	83.3% #D8E896	RGB 216 232 150	#D8E896
100.0%	100.0% #F2EF99	RGB 242 239 153	#F2EF99

#58C58A #71CC8C #8BD38F #A5DA91 #BEE194 #D8E896 #F2EF99

#58C58A - #F2EF99

Mezcla HSV

#58C58A - #F2EF99 | 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 #58C58A como 0% y #F2EF99 como 100%.

0.0%	0.0% #57C58A	RGB 87 197 138	#57C58A
16.7%	16.7% #61CC78	RGB 97 204 120	#61CC78
33.3%	33.3% #6FD46B	RGB 111 212 107	#6FD46B
50.0%	50.0% #93DB76	RGB 147 219 118	#93DB76
66.7%	66.7% #B5E381	RGB 181 227 129	#B5E381
83.3%	83.3% #D6EA8D	RGB 214 234 141	#D6EA8D
100.0%	100.0% #F2EF99	RGB 242 239 153	#F2EF99

#57C58A #61CC78 #6FD46B #93DB76 #B5E381 #D6EA8D #F2EF99

#58C58A - #93DB76 - #F2EF99

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #57C58A 0%, #93DB76 50%, #F2EF99 100%);
    background: -webkit-linear-gradient(top, #57C58A 0%, #93DB76 50%, #F2EF99 100%);
    background: linear-gradient(to bottom, #57C58A 0%, #93DB76 50%, #F2EF99 100%);
}
</style>