#5A9600 - #FFE137 | 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 #5A9600 a #FFE137

#5A9600 #FFE137

Calcule el color entre dos colores, #5A9600 y #FFE137. 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)

#5A9600 - #FFE137 | 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 #5A9600 como 0% y #FFE137 como 100%.

0.0%	0.0% #5A9600	RGB 90 150 0	#5A9600
16.7%	16.7% #75A209	RGB 117 162 9	#75A209
33.3%	33.3% #91AF12	RGB 145 175 18	#91AF12
50.0%	50.0% #ACBB1B	RGB 172 187 27	#ACBB1B
66.7%	66.7% #C8C824	RGB 200 200 36	#C8C824
83.3%	83.3% #E3D42D	RGB 227 212 45	#E3D42D
100.0%	100.0% #FFE137	RGB 255 225 55	#FFE137

#5A9600 #75A209 #91AF12 #ACBB1B #C8C824 #E3D42D #FFE137

#5A9600 - #FFE137

Mezcla HSV

#5A9600 - #FFE137 | 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 #5A9600 como 0% y #FFE137 como 100%.

0.0%	0.0% #5A9600	RGB 90 150 0	#5A9600
16.7%	16.7% #75A706	RGB 117 167 6	#75A706
33.3%	33.3% #93B90D	RGB 147 185 13	#93B90D
50.0%	50.0% #B3CA15	RGB 179 202 21	#B3CA15
66.7%	66.7% #D5DC1F	RGB 213 220 31	#D5DC1F
83.3%	83.3% #EDE22A	RGB 237 226 42	#EDE22A
100.0%	100.0% #FFE137	RGB 255 225 55	#FFE137

#5A9600 #75A706 #93B90D #B3CA15 #D5DC1F #EDE22A #FFE137

#5A9600 - #B3CA15 - #FFE137

Códigos CSS

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

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