#009612 - #E2FF60 | 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 #009612 a #E2FF60

#009612 #E2FF60

Calcule el color entre dos colores, #009612 y #E2FF60. 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)

#009612 - #E2FF60 | 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 #009612 como 0% y #E2FF60 como 100%.

0.0%	0.0% #009612	RGB 0 150 18	#009612
16.7%	16.7% #25A71F	RGB 37 167 31	#25A71F
33.3%	33.3% #4BB92C	RGB 75 185 44	#4BB92C
50.0%	50.0% #71CA39	RGB 113 202 57	#71CA39
66.7%	66.7% #96DC46	RGB 150 220 70	#96DC46
83.3%	83.3% #BCED53	RGB 188 237 83	#BCED53
100.0%	100.0% #E2FF60	RGB 226 255 96	#E2FF60

#009612 #25A71F #4BB92C #71CA39 #96DC46 #BCED53 #E2FF60

#009612 - #E2FF60

Mezcla HSV

#009612 - #E2FF60 | 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 #009612 como 0% y #E2FF60 como 100%.

0.0%	0.0% #009611	RGB 0 150 17	#009611
16.7%	16.7% #10A70A	RGB 16 167 10	#10A70A
33.3%	33.3% #36B917	RGB 54 185 23	#36B917
50.0%	50.0% #5FCA26	RGB 95 202 38	#5FCA26
66.7%	66.7% #8ADC37	RGB 138 220 55	#8ADC37
83.3%	83.3% #B6ED4A	RGB 182 237 74	#B6ED4A
100.0%	100.0% #E2FF60	RGB 226 255 96	#E2FF60

#009611 #10A70A #36B917 #5FCA26 #8ADC37 #B6ED4A #E2FF60

#009612 - #5FCA26 - #E2FF60

Códigos CSS

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

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