#2D8B2D - #E5E060 | 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 #2D8B2D a #E5E060

#2D8B2D #E5E060

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

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

0.0%	0.0% #2D8B2D	RGB 45 139 45	#2D8B2D
16.7%	16.7% #4B9935	RGB 75 153 53	#4B9935
33.3%	33.3% #6AA73E	RGB 106 167 62	#6AA73E
50.0%	50.0% #89B546	RGB 137 181 70	#89B546
66.7%	66.7% #A7C34F	RGB 167 195 79	#A7C34F
83.3%	83.3% #C6D157	RGB 198 209 87	#C6D157
100.0%	100.0% #E5E060	RGB 229 224 96	#E5E060

#2D8B2D #4B9935 #6AA73E #89B546 #A7C34F #C6D157 #E5E060

#2D8B2D - #E5E060

Mezcla HSV

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

0.0%	0.0% #2D8B2D	RGB 45 139 45	#2D8B2D
16.7%	16.7% #459A34	RGB 69 154 52	#459A34
33.3%	33.3% #61A93C	RGB 97 169 60	#61A93C
50.0%	50.0% #80B844	RGB 128 184 68	#80B844
66.7%	66.7% #A1C74D	RGB 161 199 77	#A1C74D
83.3%	83.3% #C4D656	RGB 196 214 86	#C4D656
100.0%	100.0% #E5E060	RGB 229 224 96	#E5E060

#2D8B2D #459A34 #61A93C #80B844 #A1C74D #C4D656 #E5E060

#2D8B2D - #80B844 - #E5E060

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D8B2D 0%, #80B844 50%, #E5E060 100%);
    background: -webkit-linear-gradient(top, #2D8B2D 0%, #80B844 50%, #E5E060 100%);
    background: linear-gradient(to bottom, #2D8B2D 0%, #80B844 50%, #E5E060 100%);
}
</style>