#3CB371 - #E9F18D | 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 #3CB371 a #E9F18D

#3CB371 #E9F18D

Calcule el color entre dos colores, #3CB371 y #E9F18D. 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)

#3CB371 - #E9F18D | 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 #3CB371 como 0% y #E9F18D como 100%.

0.0%	0.0% #3CB371	RGB 60 179 113	#3CB371
16.7%	16.7% #58BD75	RGB 88 189 117	#58BD75
33.3%	33.3% #75C77A	RGB 117 199 122	#75C77A
50.0%	50.0% #92D27F	RGB 146 210 127	#92D27F
66.7%	66.7% #AFDC83	RGB 175 220 131	#AFDC83
83.3%	83.3% #CCE688	RGB 204 230 136	#CCE688
100.0%	100.0% #E9F18D	RGB 233 241 141	#E9F18D

#3CB371 #58BD75 #75C77A #92D27F #AFDC83 #CCE688 #E9F18D

#3CB371 - #E9F18D

Mezcla HSV

#3CB371 - #E9F18D | 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 #3CB371 como 0% y #E9F18D como 100%.

0.0%	0.0% #3CB371	RGB 60 179 113	#3CB371
16.7%	16.7% #47BD61	RGB 71 189 97	#47BD61
33.3%	33.3% #54C753	RGB 84 199 83	#54C753
50.0%	50.0% #7BD260	RGB 123 210 96	#7BD260
66.7%	66.7% #A1DC6E	RGB 161 220 110	#A1DC6E
83.3%	83.3% #C6E67D	RGB 198 230 125	#C6E67D
100.0%	100.0% #E9F18D	RGB 233 241 141	#E9F18D

#3CB371 #47BD61 #54C753 #7BD260 #A1DC6E #C6E67D #E9F18D

#3CB371 - #7BD260 - #E9F18D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3CB371 0%, #7BD260 50%, #E9F18D 100%);
    background: -webkit-linear-gradient(top, #3CB371 0%, #7BD260 50%, #E9F18D 100%);
    background: linear-gradient(to bottom, #3CB371 0%, #7BD260 50%, #E9F18D 100%);
}
</style>