#2DB369 - #EDF88B | 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 #2DB369 a #EDF88B

#2DB369 #EDF88B

Calcule el color entre dos colores, #2DB369 y #EDF88B. 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)

#2DB369 - #EDF88B | 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 #2DB369 como 0% y #EDF88B como 100%.

0.0%	0.0% #2DB369	RGB 45 179 105	#2DB369
16.7%	16.7% #4DBE6E	RGB 77 190 110	#4DBE6E
33.3%	33.3% #6DCA74	RGB 109 202 116	#6DCA74
50.0%	50.0% #8DD57A	RGB 141 213 122	#8DD57A
66.7%	66.7% #ADE17F	RGB 173 225 127	#ADE17F
83.3%	83.3% #CDEC85	RGB 205 236 133	#CDEC85
100.0%	100.0% #EDF88B	RGB 237 248 139	#EDF88B

#2DB369 #4DBE6E #6DCA74 #8DD57A #ADE17F #CDEC85 #EDF88B

#2DB369 - #EDF88B

Mezcla HSV

#2DB369 - #EDF88B | 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 #2DB369 como 0% y #EDF88B como 100%.

0.0%	0.0% #2DB369	RGB 45 179 105	#2DB369
16.7%	16.7% #39BE57	RGB 57 190 87	#39BE57
33.3%	33.3% #47CA47	RGB 71 202 71	#47CA47
50.0%	50.0% #73D556	RGB 115 213 86	#73D556
66.7%	66.7% #9DE166	RGB 157 225 102	#9DE166
83.3%	83.3% #C6EC78	RGB 198 236 120	#C6EC78
100.0%	100.0% #EDF88B	RGB 237 248 139	#EDF88B

#2DB369 #39BE57 #47CA47 #73D556 #9DE166 #C6EC78 #EDF88B

#2DB369 - #73D556 - #EDF88B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2DB369 0%, #73D556 50%, #EDF88B 100%);
    background: -webkit-linear-gradient(top, #2DB369 0%, #73D556 50%, #EDF88B 100%);
    background: linear-gradient(to bottom, #2DB369 0%, #73D556 50%, #EDF88B 100%);
}
</style>