#3E9F3B - #FFEB6A | 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 #3E9F3B a #FFEB6A

#3E9F3B #FFEB6A

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

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

0.0%	0.0% #3E9F3B	RGB 62 159 59	#3E9F3B
16.7%	16.7% #5EAB42	RGB 94 171 66	#5EAB42
33.3%	33.3% #7EB84A	RGB 126 184 74	#7EB84A
50.0%	50.0% #9EC552	RGB 158 197 82	#9EC552
66.7%	66.7% #BED15A	RGB 190 209 90	#BED15A
83.3%	83.3% #DEDE62	RGB 222 222 98	#DEDE62
100.0%	100.0% #FFEB6A	RGB 255 235 106	#FFEB6A

#3E9F3B #5EAB42 #7EB84A #9EC552 #BED15A #DEDE62 #FFEB6A

#3E9F3B - #FFEB6A

Mezcla HSV

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

0.0%	0.0% #3D9F3B	RGB 61 159 59	#3D9F3B
16.7%	16.7% #59AF42	RGB 89 175 66	#59AF42
33.3%	33.3% #78BF49	RGB 120 191 73	#78BF49
50.0%	50.0% #9ACF51	RGB 154 207 81	#9ACF51
66.7%	66.7% #BFDF59	RGB 191 223 89	#BFDF59
83.3%	83.3% #E7EF61	RGB 231 239 97	#E7EF61
100.0%	100.0% #FFEB6A	RGB 255 235 106	#FFEB6A

#3D9F3B #59AF42 #78BF49 #9ACF51 #BFDF59 #E7EF61 #FFEB6A

#3E9F3B - #9ACF51 - #FFEB6A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D9F3B 0%, #9ACF51 50%, #FFEB6A 100%);
    background: -webkit-linear-gradient(top, #3D9F3B 0%, #9ACF51 50%, #FFEB6A 100%);
    background: linear-gradient(to bottom, #3D9F3B 0%, #9ACF51 50%, #FFEB6A 100%);
}
</style>