#3CBA3C - #FFFF70 | 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 #3CBA3C a #FFFF70

#3CBA3C #FFFF70

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

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

0.0%	0.0% #3CBA3C	RGB 60 186 60	#3CBA3C
16.7%	16.7% #5CC544	RGB 92 197 68	#5CC544
33.3%	33.3% #7DD14D	RGB 125 209 77	#7DD14D
50.0%	50.0% #9DDC56	RGB 157 220 86	#9DDC56
66.7%	66.7% #BEE85E	RGB 190 232 94	#BEE85E
83.3%	83.3% #DEF367	RGB 222 243 103	#DEF367
100.0%	100.0% #FFFF70	RGB 255 255 112	#FFFF70

#3CBA3C #5CC544 #7DD14D #9DDC56 #BEE85E #DEF367 #FFFF70

#3CBA3C - #FFFF70

Mezcla HSV

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

0.0%	0.0% #3CBA3C	RGB 60 186 60	#3CBA3C
16.7%	16.7% #59C543	RGB 89 197 67	#59C543
33.3%	33.3% #78D14B	RGB 120 209 75	#78D14B
50.0%	50.0% #98DC53	RGB 152 220 83	#98DC53
66.7%	66.7% #B9E85C	RGB 185 232 92	#B9E85C
83.3%	83.3% #DBF366	RGB 219 243 102	#DBF366
100.0%	100.0% #FFFF70	RGB 255 255 112	#FFFF70

#3CBA3C #59C543 #78D14B #98DC53 #B9E85C #DBF366 #FFFF70

#3CBA3C - #98DC53 - #FFFF70

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3CBA3C 0%, #98DC53 50%, #FFFF70 100%);
    background: -webkit-linear-gradient(top, #3CBA3C 0%, #98DC53 50%, #FFFF70 100%);
    background: linear-gradient(to bottom, #3CBA3C 0%, #98DC53 50%, #FFFF70 100%);
}
</style>